在atable的每个tr中选中的三个复选框中,只有一个可以使用jQuery选中
我有一个复选框表,我希望每行三个复选框中只有一个被选中。我写了一个代码,它适用于每一行,但当我选中第二行中的复选框时,第一行复选框将被取消选中在atable的每个tr中选中的三个复选框中,只有一个可以使用jQuery选中,jquery,checkbox,Jquery,Checkbox,我有一个复选框表,我希望每行三个复选框中只有一个被选中。我写了一个代码,它适用于每一行,但当我选中第二行中的复选框时,第一行复选框将被取消选中 <td class="col_featured-ad"><input type="checkbox" id="featured3_ad2" class="radio2 price featured3" value="featured3_ad2" name="featured_ad2" />
<td class="col_featured-ad"><input type="checkbox" id="featured3_ad2" class="radio2 price featured3" value="featured3_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured7_ad2" class="radio2 price featured7" value="featured7_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured15_ad2" class="radio2 price featured15" value="featured15_ad2" name="featured_ad2" />
</td>
</tr>
您可以在上查看代码
<td class="col_featured-ad"><input type="checkbox" id="featured3_ad2" class="radio2 price featured3" value="featured3_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured7_ad2" class="radio2 price featured7" value="featured7_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured15_ad2" class="radio2 price featured15" value="featured15_ad2" name="featured_ad2" />
</td>
</tr>
这是HTML
<td class="col_featured-ad"><input type="checkbox" id="featured3_ad2" class="radio2 price featured3" value="featured3_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured7_ad2" class="radio2 price featured7" value="featured7_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured15_ad2" class="radio2 price featured15" value="featured15_ad2" name="featured_ad2" />
</td>
</tr>
<td class="col_featured-ad"><input type="checkbox" id="featured3_ad2" class="radio2 price featured3" value="featured3_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured7_ad2" class="radio2 price featured7" value="featured7_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured15_ad2" class="radio2 price featured15" value="featured15_ad2" name="featured_ad2" />
</td>
</tr>
有什么建议吗?提前谢谢大家。我的建议是,您没有正确使用复选框。应使用复选框选择多个元素。如果您只希望选择一个元素,则应使用专门为此情况设计的单选按钮。然后,除了使用复选框代替单选按钮之外,您不需要使用任何JavaScript。
<td class="col_featured-ad"><input type="checkbox" id="featured3_ad2" class="radio2 price featured3" value="featured3_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured7_ad2" class="radio2 price featured7" value="featured7_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured15_ad2" class="radio2 price featured15" value="featured15_ad2" name="featured_ad2" />
</td>
</tr>
$('input.radio2:checkbox').click(function(){
var $chk = $(this), $group = $chk.closest('tr').find('input.radio2:checkbox');
if(this.checked){
$group.not(this).prop('checked', false);
}
});
演示:是的,你说得对,我早就想到了。但那不是我的决定。我必须和你一起工作that@user2693896哈-好的,如果你真的需要使用这个,Arun P Johny的解决方案很好,但我认为你最好指导设计这个概念的人单选按钮是如何工作的。+1为开发者提供了一个解决方案,当开发者真的应该对不懂单选按钮的人大喊大叫。非常感谢你的回答。我的工作也做得很好你可以在这里查看
<td class="col_featured-ad"><input type="checkbox" id="featured3_ad2" class="radio2 price featured3" value="featured3_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured7_ad2" class="radio2 price featured7" value="featured7_ad2" name="featured_ad2" />
</td>
<td class="col_featured-ad"><input type="checkbox" id="featured15_ad2" class="radio2 price featured15" value="featured15_ad2" name="featured_ad2" />
</td>
</tr>