html很据单选框做判断,判断单选框选中不成功,$("#xx").attr("checked")undefined

判断单选框选中状态,各种都不行,受到https://www.cnblogs.com/yxwkf/p/4853014.html

的启发,相关引用:

原来。在jquery1.6版本号便对此做出了改动:

【checked属性在页面初始化的时候已经初始化好了,不会随着状态的改变而改变。

也就是说假设checkbox在页面载入完成是选中的,那么返回的永远都是checked(我的一開始就是没选中)

假设一開始没被选中,则返回的永远是undefined 。】

既然jquery对此做出了改动,那肯定也就是有对应的更好的解决方法:

.prop()便是解决问题的利器!

详细使用方法例如以下:

alert($("#checkbox_all").prop("checked"));

此时就会变成true或者false啦~~

JS判断单选框是否选中

判断单选框是否选中$("#isallday").attr("checked")

Jquery判断单选框是否选中和获取选中的值

第一种:利用选中值判断选中 sex").val(); va ...

layui 单选框选中事件

jquery学习笔记(4)--实现table隔行变色以及单选框选中

jquery怎么根据后台传过来的值动态设置下拉框、单选框选中

$(function(){ var sex=$("#sex").val(); var marriageStatus=$("#marriageStatus").v ...

Robot Framework与Web界面自动化测试学习笔记:如何判断单选框的选中状态

单选按钮是个常见的html元素,在网页中往往提供一组单选按钮来做选项. 这样在自动化测试用例中需要判断当前选中的按钮是否与预期的一直. 可以这样来操作: ${value}    Get Element ...

随机推荐

Linux中的工作管理(Job Control )

以前使用Linux老是会不小心按下Ctrl + z,然后就出现看不懂的情况,以为程序突然就没了,今天专门研究了下Linux下的几个快捷键和工作管理. 其中找到一篇很不错的文章,大部分是里面转载的. 原 ...

eclipse文本域内只能输入繁体中文

背景:在文本编辑器下写纯文本时不知怎么回事儿,原来能输入简体字,但过了之后只能输入繁体中文了!我用的是sogou拼音输入法,我检查过,输入法设置的是简体中文,eclipse默认的编码方式是utf-8. ...

CSS3的变形transform、过渡transition、动画animation学习

学习CSS3动画animation得先了解一些关于变形transform.过渡transition的知识 这些新属性大多在新版浏览器得到了支持,有些需要添加浏览器前缀(-webkit-.-moz-.- ...

Smart210学习记录------paltform总线

转自http://blog.csdn.net/xiaochongtou123/article/details/7752328 1.概述: 通常在Linux中,把SoC系统中集成的独立外设单元(如:I2 ...

Linux企业级项目实践之网络爬虫(24)——定制规则扩展为垂直爬虫

在垂直搜索的索引建立之前,我们需要到垂直网站上抓取资源并做一定的处理.垂直搜索与通用搜索不同之处在于,通用搜索不需要理会网站哪些资源是需要的,哪些是不需要的,一并抓取并将其文本部分做索引.而垂直搜索里 ...

SpringMVC架构的项目,js,css等静态文件导入有问题

发生原因 springmvc-mybaits

poj 2502 Subway【Dijkstra】

题目大意: 某学生从家到学校之间有N(<200)条地铁,这个学生可以在任意站点上下车,无论何时都能赶上地铁,可以从一条地铁的任意一站到另一条地跌的任意一站,学生步行速度 ...

elementUI中table组件会出现空白部分

先上图: 造成原因: width全部都写死了,(注释:不要全部都写死width,没写width的会自动分配宽度)

C&num; 自定义类动态追加属性

利用Dynamic,需要.net4.0以上的支持 var dg = rel.ResultDocuments.FirstOrDefault()["dg"].AsBsonArray.G ...

ActiveReports公开课开启报名,学习如何解决中国式复杂报表难题

ActiveReports实战教学 90分钟解决中国式复杂报表六大需求 [开课时间]4月19日 [主讲老师]葡萄城资深报表专家 [培训方式]网络在线公开课 报名地址

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,针对你的要求,我能够给你提供一种实现方式,具体的代码如下: ``` <div> <label>组长:</label> <input type="radio" name="leader" th:value="${leader}" th:checked="${leader == 'zz' ? 'checked' : ''}">zz <input type="radio" name="leader" th:value="${leader}" th:checked="${leader == 'zy' ? 'checked' : ''}">zy </div> <div> <label>分类:</label> <input type="checkbox" name="classification" value="A" th:checked="${selectedClassifications.contains('A')}">A <input type="checkbox" name="classification" value="B" th:checked="${selectedClassifications.contains('B')}">B <input type="checkbox" name="classification" value="C" th:checked="${selectedClassifications.contains('C')}">C </div> <script th:inline="javascript"> var zzNum = /*从后台获取的zz人数*/; var zyNum = /*从后台获取的zy人数*/; $("input[name='leader']").click(function() { var leader = $("input[name='leader']:checked").val(); if (leader === 'zz') { $("input[name='classification']").each(function() { if ($(this).val() === 'A') { $(this).attr('disabled', false); } else { $(this).attr('disabled', true); $(this).prop('checked', false); } }); } else if (leader === 'zy') { $("input[name='classification']").each(function() { if ($(this).val() === 'A') { $(this).attr('disabled', false); } else { $(this).attr('disabled', false); } }); } }); $("input[name='classification']").click(function() { var leader = $("input[name='leader']:checked").val(); var selectedClassifications = []; $("input[name='classification']:checked").each(function() { selectedClassifications.push($(this).val()); }); var num = 0; for (var i = 0; i < selectedClassifications.length; i++) { if (selectedClassifications[i] === 'A') { num++; } } if (leader === 'zz' && num > zzNum) { $(this).prop('checked', false); alert('组长组员总数不能超过' + (zzNum + zyNum)); } else if (leader === 'zy' && num > zyNum) { $(this).prop('checked', false); alert('组长组员总数不能超过' + (zzNum + zyNum)); } }); </script> ``` 这段代码实现了根据从后台获取的 zz 人数和 zy 人数生成组长组员单选框,以及分类复选框,并且根据单选框选中的组长和分类复选框选中的内容,来限制组长组员数和分类的选择。同时这段代码也使用了 thymeleaf 模板引擎来动态渲染页面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值