Javascript checkbox 全选/反选

Javascript checkbox 全选/反选

Javascript checkbox 全选/反选

<form>

<input type=”checkbox” name=”selected” value=”1″/><br>
<input type=”checkbox” name=”selected” value=”2″/><br>
<input type=”checkbox” name=”selected” value=”3″/><br>
<input type=”checkbox” name=”selected” value=”4″/><br>
<input type=”checkbox” name=”selected” value=”5″/><br>
<input type=”checkbox” name=”selected” value=”6″/><br>

<input onclick=”selectAll()” type=”checkbox”   name=”controlAll” style=”controlAll” id=”controlAll”/>全选/反选

</form>

<script>

function selectall(){

var checklist = documentGetElementsByName(‘selected’);

var checkall = documentGetElementsById(‘controlAll’);

if(checkall.checked){

for(var i=0;i<checklist.length;i++){

checklist[i].checked = true;

}

}else{

for(var i=0;i<checklist.length;i++){

checklist[i].checked=false;

}

}

}

</script>

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据