jQuery 复选框 checkbox 取值和赋值

简介: jQuery 复选框 checkbox 取值和赋值


  • 单个checkbox
$("input:checkbox:checked").val() 
// 或者 
$("input:[type='checkbox']:checked").val(); 
// 或者 
$("input:[name='ck']:checked").val()
  • 多个checkbox
//$('input:checkbox').each(function() { 
$("input:checkbox:checked").each(function() { 
    if ($(this).attr('checked') ==true) { 
        alert($(this).val()); 
    } 
});
// 设置第一个checkbox 为选中值:
$('input:checkbox:first').attr("checked",'checked'); 
// 或者 
$('input:checkbox').eq(0).attr("checked",'true'); 
// 设置最后一个checkbox为选中值:
$('input:radio:last').attr('checked', 'checked'); 
// 或者 
$('input:radio:last').attr('checked', 'true');
// 根据索引值设置任意一个checkbox为选中值:
$('input:checkbox).eq(索引值).attr('checked', 'true'); // 索引值=0,1,2.... 
// 或者 
$('input:radio').slice(1,2).attr('checked', 'true'); 
// 选中多个checkbox: 同时选中第1个和第2个的checkbox:
$('input:radio').slice(0,2).attr('checked','true'); 
// 根据Value值设置checkbox为选中值:
$("input:checkbox[value='1']").attr('checked','true');
// 删除Value=1的checkbox:
$("input:checkbox[value='1']").remove();
// 删除第几个checkbox:
$("input:checkbox").eq(索引值).remove(); //索引值=0,1,2.... 
// 如删除第3个checkbox: 
$("input:checkbox").eq(2).remove();
// 遍历checkbox:
$('input:checkbox').each(function (index, domEle) { 
// 写入代码 
});
// 全部选中
$('input:checkbox').each(function() { 
    $(this).attr('checked', true); 
});
// 全部取消选择:
$('input:checkbox').each(function () { 
    $(this).attr('checked',false); 
});
// 给 checked 赋值:
$("#cb1").attr("checked","checked");
$("#cb1").attr("checked",true);


相关文章
|
6月前
|
JavaScript 前端开发
Javascript知识【jQuery属性操作&案例:重写复选框操作】
Javascript知识【jQuery属性操作&案例:重写复选框操作】
|
3月前
|
JavaScript 前端开发
jquery怎么给循环出来的列表(类似于text框)取值和赋值
jquery怎么给循环出来的列表(类似于text框)取值和赋值
22 0
jquery怎么给循环出来的列表(类似于text框)取值和赋值
|
5月前
|
JavaScript
jQuery数据结构渲染(4):复选框checkbox赋值
jQuery数据结构渲染(4):复选框checkbox赋值
40 1
|
5月前
|
JSON JavaScript 数据格式
jQuery数据结构渲染(3):文本和input/textarea框赋值
jQuery数据结构渲染(3):文本和input/textarea框赋值
29 1
|
5月前
|
JavaScript
jQuery取消checkbox选中状态
jQuery取消checkbox选中状态
32 0
|
5月前
|
JavaScript Java
jQuery点击checkbox选择标签到指定的位置
jQuery点击checkbox选择标签到指定的位置
28 0
|
8月前
|
JavaScript 前端开发
一行jQuery代码搞定checkbox 全选和全不选
一行jQuery代码搞定checkbox 全选和全不选
|
JavaScript
jquery 使用attr方法对checkBox进行全选和反选操作
一次点击按钮进行全选的时候,checkbox全部选中;再次点击的时候,checkbox取消选中。 第二次,第三次,之后再点击,没有效果,代码也执行。checkbox的checked属性也改变,但是checkbox就是没有 被选中。问题解决办法是把红色部分中的attr方法修改
103 0
|
JavaScript
jquery获取被选中的复选框的id串
jquery获取被选中的复选框的id串
214 0