用jquery,如何让checkbox实现反选 - IDC资讯网_站长学院 - Java PHP Flex Python Ajax CSS 编程 开源 学习 总结 分享
用jquery,如何让checkbox实现反选(全选与全不选),请看下面的代码[由网友提供]:



$(function() {
 $("#fri_all").click(function() {
 if($(this).attr("checked") == true){
   $("input[@name='shareuser']").each(function() {
   $(this).attr("checked", true);
 });
 }
 else{
   
   $("input[@name='shareuser']").each(function() {
   $(this).attr("checked", false);
   });
 }
});
});



下面是相应的html代码

<ul class="col_list">
 <li class="col_input"><input name="shareuser" type="checkbox" value="" /></li>
 <li class="col_title">aaaaaaaaaaaaaaaaaaaaaaaaaa</li>
 <li class="col_name">bbbbbbbbbbbbbbbbbbbbb</li>
 <li class="col_cont">ccccccccccccccccccccccccc</li>
</ul>



<div id="fri_edit">
 <input id="fri_all" name="" type="checkbox" value="" />
 <label for="fri_all">全选</label>
 <a href="#" title="删除选项">删除</a>
</div>


编程语言 | 评论(0) | 引用(0) | 阅读(4323)