javascript - HTML 表单单选按钮和复选框
问题描述
我想创建一个表单,如果选择了单选按钮,则会打开一些与之关联的复选框,并且用户必须在提交表单之前选择该单选按钮下的至少一个复选框。例如参考codepen:https ://codepen.io/anon/pen/zJKPRK 。这是基于我看到的狗/猫教程。
在这里,项目传播用于使所有子项目成为必需:
var FormStuff = {
init: function() {
this.applyConditionalRequired();
this.bindUIActions();
},
bindUIActions: function() {
$("input[type='radio'], input[type='checkbox']").on("change", this.applyConditionalRequired);
},
applyConditionalRequired: function() {
$(".require-if-active").each(function() {
var el = $(this);
if ($(el.data("require-pair")).is(":checked")) {
el.prop("required", true);
} else {
el.prop("required", false);
}
});
},
};
FormStuff.init();
这里至少需要选择 1 个单选按钮,如果选择了 ClassB 或 ClassC,我希望用户应该在该特定类下选择至少一个复选框。有什么建议么?
解决方案
.length
为您提供选择中元素的数量。$('input[type="checkbox"]').is(':checked').length > 0
告诉您是否至少有 1 个复选框已被选中。只需根据需要将类添加到您的选择器。
推荐阅读
- python - 带有 python 脚本的 Kubernetes Pod 消耗了太多内存
- java - Mallet 主题训练期间的 Java 异常
- magento2.2 - Ecoomerce 跟踪未显示在 google anayltic (Magento 2.2) 中
- c# - 如何为 HttpClient 建立合法的 URL
- sed - 使用 sed 仅选择字符串的一部分 ("name=number" )
- r - 在 R 中使用 ode23s 的非数字参数错误
- python - python - 如何从串口完全读取数据?
- r - 一遍又一遍地在控制台中获取“+”
- r - 使用 R 将数据帧分成更小的数据帧
- weblogic - 如何在 Weblogic 12c 诊断日志文件名中配置时间戳