標籤:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><input type="button" value="反選"><input type="button" value="全選"><input type="button" value="全不選"><ul> <li><input type="checkbox" checked></li> <li><input type="checkbox" ></li> <li><input type="checkbox" ></li> <li><input type="checkbox" ></li> <li><input type="checkbox" checked></li></ul><script> window.onload = function(){ var aInput = document.getElementsByTagName(‘input‘); aInput[0].onclick = function(){ for(var i = 3; i < aInput.length; i++){ var isChecked = aInput[i].checked aInput[i].checked = !isChecked; } } aInput[1].onclick = function(){ for(var i = 3; i < aInput.length; i++){ aInput[i].checked = true; } } aInput[2].onclick = function(){ for(var i = 3; i < aInput.length; i++){ aInput[i].checked = false; } } }</script></body></html>
js-03課-02 複選框全選 , 全不選, 反選