首页 > 代码库 > 表单选择框
表单选择框
实现要求:1、点击全选框,将所有的选择框选中 2、点击全不选框,将所有选中的选中框全部清除选中,处于没有选中的状态。 3、点击反选,将已经选中的框变为没有选中,将没有选中的框,变为选中。
要点: :checkbox 匹配所有复选框 attr(‘checked‘,true/false)
HTML中基本框架:
js
实现全选功能:
$(‘#all‘).on(‘click‘,function(){ $(‘#checkbox>:checkbox‘).attr(‘checked‘,true); });
实现全不选功能
$(‘#none‘).on(‘click‘,function(){ $(‘#checkbox>:checkbox‘).attr(‘checked‘,false); });
实现反选功能
$(‘#fan‘).on(‘click‘,function(){ $(‘#checkbox>:checkbox‘).each(function(){ $(this).attr(‘checked‘,!$(this).attr(‘checked‘)); }); });
表单选择框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。