当前位置:

jQ 复选框 checkbox各种操作

本文最后更新于2019-10-25,已超过 1年没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!

温馨提示:本文共1209个字,读完预计4分钟。

1、是否选中

prop(name|properties|key,value|fn)
获取在匹配的元素集中的第一个元素的属性值

//选中复选框为true,没选中为false
$("input[type=’checkbox’]").prop("checked");

2、全选和全不选

//选中所有页面上的复选框
$("input[type=’checkbox’]").prop("checked", true);
//通过函数来设置所有页面上的复选框被选中。
$("input[type=’checkbox’]").prop("checked", function( i, val ) {
  return !val;
});

3、全禁用

$("input[type=’checkbox’]").prop({
  checked: true
});
$("input[type=’checkbox’]").prop("checked", false);

4、反选

//针对整个checkbox
$("input[name=’checkbox’]").each(function(){ 
if($(this).attr("checked")) { 
    $(this).removeAttr("checked"); 

else { 
    $(this).attr("checked","true"); 

//针对是否存在的值
$('input[type=”checkbox”][name^=”product_attribute”]').each(function(i,e) {
    if($.inArray($(e).val(),select_attribute_value_ids)>=0){
        $(e).prop("checked", true);
    }else {
        $(e).prop("checked", false);
    }
})

5、选中所有奇数

$("input[name=’checkbox’]:odd").prop("checked", false);
$("input[name=’checkbox’]:odd").attr("checked","true"); 

6、选中所有偶数

$("input[name=’checkbox’]:even").attr("checked","true"); 

7、循环选中的box:

$('input[name=”ids_val”][type=”checkbox”]:checked').each(function(){
})
 

————————————————
版权声明:本文为CSDN博主「大洋PHP」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/eddy23513/article/details/81030750

本文链接:,转发请注明来源!
评论已关闭。