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

约定不等于承诺〃 2022-04-15 00:19 456阅读 0赞

**赋值 复选框 CheckBox 遍历 取值**  
**1. 获取单个checkbox选中项(三种写法)：**

$("input:checkbox:checked").val() 
    或者 
    $("input:[type='checkbox']:checked").val(); 
    或者 
    $("input:[name='ck']:checked").val();

**2. 获取多个checkbox选中项：**

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

**3. 设置第一个checkbox 为选中值：**

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

**4. 设置最后一个checkbox为选中值：**

$('input:radio:last').attr('checked', 'checked'); 
    或者 
    $('input:radio:last').attr('checked', 'true');

**5. 根据索引值设置任意一个checkbox为选中值：**

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

**6. 选中多个checkbox：**

同时选中第1个和第2个的checkbox：
    $('input:radio').slice(0,2).attr('checked','true');

**7. 根据Value值设置checkbox为选中值：**

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

**8. 删除Value=1的checkbox：**

$("input:checkbox[value='1']").remove();

**9. 删除第几个checkbox：**

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

**10.遍历checkbox：**

$('input:checkbox').each(function (index, domEle) { 
    //写入代码 
    });

**11.全部选中**

$('input:checkbox').each(function() { 
        $(this).attr('checked', true); 
    });

**12.全部取消选择：**

$('input:checkbox').each(function () { 
        $(this).attr('checked',false); 
    });

**Jquery通过遍历数组给checkbox赋默认值**

需求：有一个数组：(北京菜，粤菜)，checkbox如下：

现在想通过遍历这个数组，使数组里包含的值，在checkbox选中

代码：

var flavors = new Array([北京菜 , 粤菜]);
    
    $.each(flavors,function(i,item){
    
    $("input[name='checkboxFlavor'][value="+item+"]").attr("checked","checked");
    
    });

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

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JQuery之复选框checkbox基本操作

相关 JavaScript操作checkbox复选框

相关 jquery 处理 CheckBox复选框

相关 jquery操作复选框checkbox的技巧

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

相关 JavaScript操作checkbox复选框

相关 JSP中对复选框checkbox的取值

相关 JQuery实现复选框CheckBox的全选、反选、提交操作

相关 jquery实现全选、反选、取消全部等操作(复选框checkbox)

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