美文网首页
checkbox选中\取消

checkbox选中\取消

作者: 浮萍已逝 | 来源:发表于2021-08-22 21:15 被阅读0次

1设置第一个checkbox 为选中值

$('input:checkbox:first').attr("checked",'checked');

或者

$('input:checkbox').eq(0).attr("checked",'true');

2、设置最后一个checkbox为选中值

$('input:checkbox:last').attr('checked', 'checked');

或者

$('input:checkbox:last').attr('checked', 'true');

3、根据索引值设置任意一个checkbox为选中值

$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....

或者

$('input:checkbox').slice(1,2).attr('checked', 'true');

4、选中多个checkbox同时选中第1个和第2个的checkbox

$('input:checkbox').slice(0,2).attr('checked','true');

5、根据Value值设置checkbox为选中值

$("input:checkbox[value='1']").attr('checked','true');

6、设置某一个checkbox为选中值

选中checkbox:$(":checkbox").prop("checked", true);

取消选中:$(":checkbox").prop("checked", false);


$(document).ready(function(){

    varstr ="1,2,3";

    $(str.split(",")).each(function (i,dom){

        $(":checkbox[value='"+dom+"']").prop("checked",true);

        $(":checkbox[id='"+dom+"']").prop("checked",true);

    });

});

相关文章

  • RadioGroup和RadioButton

    特点: RadioButton和CheckBox的区别在于,checkBox选中之后可以取消选中,但radioBu...

  • checkbox选中\取消

    1设置第一个checkbox 为选中值 $('input:checkbox:first').attr("check...

  • 开发过程记录关键点

    2021年2月19日 RecycleView 跟 CheckBox嵌套使用,滑动后已选中的CheckBox会取消选...

  • iview checkbox全选

    需求: 当点击全选checkbox时,所有列表商品选中, 当列表商品中某一项取消时,全选checkbox变成半选(...

  • iCheck 绑定事件

    在项目遇到给icheck插件下的checkbox添加事件的问题,查询得知:选中事件: 取消选中事件: 上述id注意...

  • 原生JS——checkbox操作技巧

    新增checkbox 2.根据type="checkbox"选中所有checkbox 3.修改checkbox选中...

  • 鸿蒙学习-Checkbox

    Checkbox实现选中和取消选中的功能。从代码上看和RadioButton没有区别,但是由于SDK并没有开源,没...

  • 手动触发事件实现checkbox的选中与取消

    要实现的效果如下图所示,当点击li元素的时候,实现左侧checkbox的选中和取消,并且监测选中订单的数量和金额变...

  • 判断checkbox是否被选中

    如果判断checkbox是否有选中的(即选中个数不为0) if($("[name='chk']:checkbox:...

  • CheckBox多选框

    CheckBox为CompoundButton子类 实现CheckBox,并输出选中CheckBox结果 取得已经...

网友评论

      本文标题:checkbox选中\取消

      本文链接:https://www.haomeiwen.com/subject/ciefyltx.html