Question

我有一个有问题的表格，需要验证这些问题，用单选按钮回答，这个表格有20个或更多问题，问题有选项1,2,3。 1 =好，2 =问题，3 =批评。用户只能检查选项3的5倍。我怎么能用javascript做到这一点？

我只使用普通验证来取消选中。

这里是收音机的预览： 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;
}

Answer 1

我猜每个收音机中的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>

然后您可以使用

找到值为“3”的已检查无线电的数量

jQuery('input[value="3"]:checked').length

如果长度大于5，则采取相应行动。

编辑：jsfiddle demo（限制设置为2，而不是5）。

仅验证一组无线电的最后一个单选按钮

1 个答案: