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);


相关文章
|
11月前
|
JavaScript
jQuery如何验证复选框是否选中
jQuery如何验证复选框是否选中
49 0
|
JavaScript 前端开发
jquery怎么给循环出来的列表(类似于text框)取值和赋值
jquery怎么给循环出来的列表(类似于text框)取值和赋值
63 0
jquery怎么给循环出来的列表(类似于text框)取值和赋值
|
JavaScript
jQuery数据结构渲染(4):复选框checkbox赋值
jQuery数据结构渲染(4):复选框checkbox赋值
84 1
|
JSON JavaScript 数据格式
jQuery数据结构渲染(3):文本和input/textarea框赋值
jQuery数据结构渲染(3):文本和input/textarea框赋值
71 1
|
JavaScript
jQuery取消checkbox选中状态
jQuery取消checkbox选中状态
83 0
|
2月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
2月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
2月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
2月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件