jquery判断是否选中checkbox的方法:1、使用is判断,代码为【if($('#checkbox-id').is(':checked'))】;2、使用attr判断,代码为【if ($('#checkbox-id').attr()】。

本教程操作环境:windows7系统、jquery3.5.1版本,该方法适用于所有品牌电脑。

jquery判断是否选中checkbox的方法:

方法一(建议):if ($("#checkbox-id").get(0).checked) {

// do something

}

感谢豆瓣绿补充:if ($("#checkbox-id")[0].checked) {

// do something

}

方法二(建议):if($('#checkbox-id').is(':checked')) {

// do something

}

方法三(可能无效):if ($('#checkbox-id').attr('checked')) {

// do something

}

方法四:if ($('#checkbox-id').prop('checked')) {

// do something

}

jquery对checkbox的各种操作//注意: 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上(包含)建议用prop

//1、根据id获取checkbox

$("#cbCheckbox1");

//2、获取所有的checkbox

$("input[type='checkbox']");//or

$("input[name='cb']");

//3、获取所有选中的checkbox

$("input:checkbox:checked");//or

$("input:[type='checkbox']:checked");//or

$("input[type='checkbox']:checked");//or

$("input:[name='ck']:checked");

//4、获取checkbox值

//用.val()即可,比如:

$("#cbCheckbox1").val();

//5、获取多个选中的checkbox值

var vals = [];

$('input:checkbox:checked').each(function (index, item) {

vals.push($(this).val());

});

//6、判断checkbox是否选中(jquery 1.6以前版本 用 $(this).attr("checked"))

$("#cbCheckbox1").click(function () {

if ($(this).prop("checked")) {

alert("选中");

} else {

alert("没有选中");

}

});

//7、设置checkbox为选中状态

$('input:checkbox').attr("checked", 'checked');//or

$('input:checkbox').attr("checked", true);

//8、设置checkbox为不选中状态

$('input:checkbox').attr("checked", '');//or

$('input:checkbox').attr("checked", false);

//9、设置checkbox为禁用状态(jquery<1.6用attr,jquery>=1.6建议用prop)

$("input[type='checkbox']").attr("disabled", "disabled");//or

$("input[type='checkbox']").attr("disabled", true);//or

$("input[type='checkbox']").prop("disabled", true);//or

$("input[type='checkbox']").prop("disabled", "disabled");

//10、设置checkbox为启用状态(jquery<1.6用attr,jquery>=1.6建议用prop)

$("input[type='checkbox']").removeAttr("disabled");//or

$("input[type='checkbox']").attr("disabled", false);//or

$("input[type='checkbox']").prop("disabled", "");//or

$("input[type='checkbox']").prop("disabled", false);相关免费学习推荐:JavaScript(视频)

php checkbox后台判断是否选中,jquery如何判断是否选中checkbox相关推荐

  1. html 判断复选框是否选中,jquery如何判断复选框是否选中?

    jquery如何判断复选框是否选中?下面本篇文章给大家介绍一下jQuery判断复选框(checkbox)是否选中的几种方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jQuer ...

  2. php判断单选框是否被选中,jquery怎么判断radio是否选中

    jquery判断radio是否选中的方法:1.利用获取选中值判断选中:2.使用checked属性判断选中:3. jquery获取radio单选按钮的值:4.设置单选按钮被选中. 本教程操作环境:win ...

  3. html单选框判断哪个选中,jquery如何判断单选框是否被选中?

    jquery如何判断单选框是否被选中?下面本篇文章就来给大家介绍一下Jquery判断单选框是否选中和获取选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 方法1:利用选中 ...

  4. php 判断 单选按钮事件,jquery如何判断单选按钮是否选中

    jquery判断单选按钮是否选中的方法:首先在加载页面的时候通过"$(this).attr("id");"方式获取id:然后在点击按钮的时候获取id并实现判断即 ...

  5. php判断浏览器内核,jquery如何判断浏览器的内核

    jquery判断浏览器内核的方法:使用条件语句判断,代码为[$(function(){if($.browser.msie) {alert("IE浏览器");}else if($.b ...

  6. 复选框check的选中、不选中设置以及判断是否选中

    复选框的设置 一.JavaScript判断是否选中checkbox框 二.JavaScript设置选中checkbox框 三.JavaScript移除选中checkbox框 四.使用jQuery判断是 ...

  7. jq设置checked是否选中_javascript之jquery如何判断input type=checkbox中checked是否存在选中项呢?...

    摘要: 下文讲述jquery技巧-获取checkbox对象是否选中的方法分享,如下所示: 实现思路: 方式1: jquery 1.6版本之前-我们检测checkbox是否被选中,可使用attr方法 $ ...

  8. jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等

    jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等 一.checked属性定义 先了解下input标签的checked属性: 1.HTML &l ...

  9. 使用jquery如何判断checkbox是否被选中

    在实际项目中遇到的一个问题,一般来说,我们选取被选中的type属性是checkbox的input标签使用的方式如下: $('input:checkbox:checked') 那么如果我们拿到一个inp ...

最新文章

  1. ACMNO.47 矩形面积交(有图) 平面上有两个矩形,它们的边平行于直角坐标系的X轴或Y轴。对于每个矩形,我们给出它的一对相对顶点的坐标,请你编程算出两个矩形的交的面积。
  2. Jmeter 压测 http(s)
  3. python爬虫完整实例-Python爬虫 实例
  4. cookie mapping
  5. 在Linux开发.NET——拜拜了Win10
  6. 街头霸王背景_街头霸王与摇滚明星:开放式领导的艺术
  7. HTML5+CSS:左边导航栏,右边是对应的文本区域
  8. 【AI】机器学习博士自救指南(严肃者慎入)
  9. div iframe 显示html,IE中iframe标签显示在DIV之上的问题解决方案
  10. docker删除镜像、容器命令
  11. 10本最值得推荐的区块链书
  12. 通俗易懂讲解javaSocket编程
  13. 智能交通综合管控平台方案
  14. PCL包围盒(详细介绍)
  15. 计算机网络实验一:网线制作
  16. The Framework For Love
  17. Meta首份元宇宙白皮书9大看点,瞄准80万亿美元市场
  18. 北方工商管理研修学院计算机,北方工商管理研修学院 你骗了多少人
  19. Web2 大厂「谷歌」是如何进入 Web3 的?
  20. vue 未登录 登录超时跳转到登录页

热门文章

  1. 在PowerVR GPU上试用新Vulkan图形处理API
  2. 对话机器人---智能客服
  3. Ubuntu-16.04安装Xdebug-2.2.5及相关介绍
  4. 一个人如果没有计划,那和咸鱼有什么区别!
  5. mysql5.6编译
  6. 二、噪音大小对使用的影响
  7. 请郎平回归执教中国女排
  8. 共享的网络如何让自己比别人快_ipfs网络的分布式数据是如何做到数据共享的?...
  9. linux cat 递归目录,黑猴子的家:Linux 文件目录命令
  10. MySQL执行计划EXPLAIN详解