在做WEB批量操作時(shí),經(jīng)常需要用到JS的全選反選操作, 這里給大家完整的例子.
1. HTML代碼如下:
<input type="checkbox" name="hobby[]" value="籃球" />籃球 <input type="checkbox" name="hobby[]" value="足球" />足球 <input type="checkbox" name="hobby[]" value="乒乓球" />乒乓球 <input type="checkbox" name="hobby[]" value="橄欖球" />橄欖球 <input type="checkbox" name="hobby[]" value="網(wǎng)球" />網(wǎng)球 <br/> <input type="button" value="全選" onClick="AllSelect();" /> <input type="button" value="反選" onClick="RevSelect();" />
2. JS代碼如下:
function AllSelect(){ obj = document.getElementsByName("hobby[]"); for(i in obj){ if(!obj[i].checked) obj[i].checked=true; } } function RevSelect(){ obj = document.getElementsByName("hobby[]"); for(i in obj){ if(obj[i].checked) obj[i].checked=false; else obj[i].checked=true; } }3. 文檔下載: /public/static/uploads/pic/201611/25/20161125258321574534936.zip