我有一个带有问题的表格,需要验证这些问题,用单选按钮回答,这个表格有 20 个或更多问题,问题有选项 1、2、3。 1 = 好,2 = 问题,3 = 批评。用户只能检查选项 3 的 5 次。我如何使用 javascript 做到这一点?
我只对未检查的选项使用正常验证。
这里是 radio 的预览: JSFiddle
<div class="inline">
<label for="option1">
<input type="radio" name="group[1]" value="1">1</label>
<label for="option1">
<input type="radio" name="group[1]" value="1">2</label>
<label for="option1">
<input type="radio" name="group[1]" value="1">3</label>
</div>
CSS
.inline {
display: inline;
}
.inline label, input[type="radio"] {
float: left;
}
.inline label {
display: block;
background: #eee;
margin-left: 5px;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
color: #333;
font-family: arial, sans-serif;
}
.inline input[type="radio"] {
display: block;
}
最佳答案
我猜每个 radio 中的 value="1"
都是错字,你的意思是
<label for="option1">
<input type="radio" id="option1" name="group[1]" value="1">1</label>
<label for="option2">
<input type="radio" id="option2" name="group[1]" value="2">2</label>
<label for="option3">
<input type="radio" id="option3" name="group[1]" value="3">3</label>
然后你可以找到有多少个 value="3"的 radio 正在使用
jQuery('input[value="3"]:checked').length
如果长度大于 5 则相应地采取行动。
编辑:jsfiddle demo (限制设置为 2,而不是 5)。
关于javascript - 仅验证一组单选按钮的最后一个单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19591854/