jQuery操作复选框(CheckBox)的取值赋值实现代码

前端之家收集整理的这篇文章主要介绍了jQuery操作复选框(CheckBox)的取值赋值实现代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1. 获取单个checkBox选中项(三种写法):

Box:checked").val()

或者

或者

2. 获取多个checkBox选中项:

Box').each(function() { if ($(this).attr('checked') ==true) { alert($(this).val()); } });

3. 设置第一个checkBox 为选中值:

Box:first').attr("checked",'checked');

或者

Box').eq(0).attr("checked",'true');

4. 设置最后一个checkBox为选中值:

dio:last').attr('checked','checked');

或者

dio:last').attr('checked','true');

5. 根据索引值设置任意一个checkBox为选中值:

Box).eq(索引值).attr('checked','true');索引值=0,1,2....

或者

dio').slice(1,2).attr('checked','true');

6. 选中多个checkBox

同时选中第1个和第2个的checkBox

dio').slice(0,'true');

7. 根据Value值设置checkBox为选中值:

Box[value='1']").attr('checked','true');

8. 删除Value=1的checkBox

Box[value='1']").remove();

9. 删除第几个checkBox

Box").eq(索引值).remove();索引值=0,2.... 如删除第3个checkBox: $("input:checkBox").eq(2).remove();

10.遍历checkBox

Box').each(function (index,domEle) { //写入代码 });

11.全部选中

Box').each(function() { $(this).attr('checked',true); });

12.全部取消选择:

Box').each(function () { $(this).attr('checked',false); });

以上所述是小编给大家介绍的jQuery操作复选框(CheckBox)的取值赋值实现代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/jquery/42704.html

猜你在找的jQuery相关文章