源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery操作复选框(checkbox)的12个小技巧总结

  • 时间:2022-11-07 08:02 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery操作复选框(checkbox)的12个小技巧总结
[b]1、获取单个checkbox选中项(三种写法) [/b]$("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); [b]2、 获取多个checkbox选中项 [/b]$('input:checkbox').each(function() {         if ($(this).attr('checked') ==true) {                 alert($(this).val());         } }); [b]3、设置第一个checkbox 为选中值 [/b]$('input:checkbox:first').attr("checked",'checked'); 或者 $('input:checkbox').eq(0).attr("checked",'true'); [b]4、设置最后一个checkbox为选中值 [/b]$('input:radio:last').attr('checked', 'checked'); 或者 $('input:radio:last').attr('checked', 'true'); [b]5、根据索引值设置任意一个checkbox为选中值 [/b]$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2.... 或者 $('input:radio').slice(1,2).attr('checked', 'true'); [b]6、选中多个checkbox同时选中第1个和第2个的checkbox [/b]$('input:radio').slice(0,2).attr('checked','true'); [b]7、根据Value值设置checkbox为选中值 [/b]$("input:checkbox[value='1']").attr('checked','true'); [b]8、删除Value=1的checkbox [/b]$("input:checkbox[value='1']").remove(); [b]9、删除第几个checkbox [/b]$("input:checkbox").eq(索引值).remove();索引值=0,1,2.... 如删除第3个checkbox: $("input:checkbox").eq(2).remove(); [b]10、遍历checkbox [/b]$('input:checkbox').each(function (index, domEle) { //写入代码 }); [b]11、全部选中 [/b]$('input:checkbox').each(function() {         $(this).attr('checked', true); }); [b]12、全部取消选择 [/b]$('input:checkbox').each(function () {         $(this).attr('checked',false); });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部