JQuery的checkbox全选与全不选操作

最主要是:子选择框要与总选择框的状态一致,即当选择总选择框时,向子选择框添加属性,使用jquery中的attr属性

例:

html中的代码

<input type="checkbox" id="selectAll">

<tbody>

<input type="checkbox" class="selectOne">

<input type="checkbox" class="selectOne">

<input type="checkbox" class="selectOne">

</tbody>

 

JQuery代码:

<script>

$("selectAll").click(function(){

  $("tbody input").attr("checked",this.checked);//表示,tbody中的所有input标签添加checked属性

})

</script>

 

posted @ 2017-12-21 14:58  MichaelKai  阅读(151)  评论(0编辑  收藏  举报