Question

我有一组复选框，只有在该组中选择了特定复选框时才要禁用。我想我需要用不同的名称命名复选框，并根据点击过滤其他复选框，但也希望stackoverflow的聪明人可能有更快的解决方案。

HTML

<td>Team 1 <br>Team 2</td><td> 
    <a class='iframe' href="bet-nfl?game_id=">+155 / 2.55 </a><input type="checkbox" id=0 class="parlay" value=><br>
    <a class='iframe' href="bet-nfl?game_id=">-175 / 1.57 </a> <input type="checkbox" class="parlay" id=0  value=>
</td><td> 
    <a class='iframe' href="bet-nfl?game_id=">+3 100 / 2.00 </a><input type="checkbox" id=0 class="parlay" value=><br>
    <a class='iframe' href="bet-nfl?game_id=">-3 -120 / 1.83</a><input type="checkbox" id=0 class="parlay" value=>
</td><td> 
    <a class='iframe' href="bet-nfl?game_id="> Over 50.5 -107 / 1.93</a><input type="checkbox" id=0 class="parlay" value=><br>
    <a class='iframe' href="bet-nfl?game_id=">Under 50.5 -107 / 1.93 </a><input type="checkbox" id=0 class="parlay" value=>
</td></tr>

jquery（到目前为止）

$(function(){
 $('input:checkbox.parlay').change(function(){
    var $this = $(this);
    alert ($this.attr("id")); //return 0 if a checkbox is selected
    //$(this).prop("checked", false); // <--I'm doing this wrong
 });

Answer 1

您要清理HTML，它无效并可能导致错误。
请在下次创建小提琴（http://jsfiddle.net）。
每个元素都需要唯一ID 和组。在我的示例中，我选择了数据组属性。

那应该是你的解决方案：http://jsfiddle.net/B9Xxj/

<input type="checkbox" id="1" data-group="1"/> #1, Group 1 <br/>
<input type="checkbox" id="2" data-group="2"/> #2, Group 2 <br/>
<input type="checkbox" id="3" data-group="3"/> #3, Group 3 <br/>
<input type="checkbox" id="4" data-group="3"/> #4, Group 3 <br/>
<input type="checkbox" id="5" data-group="3"/> #5, Group 3 <br/>
<input type="checkbox" id="6" data-group="4"/> #6, Group 4 <br/>
<input type="checkbox" id="7" data-group="4"/> #7, Group 4 <br/>
<input type="checkbox" id="8" data-group="5"/> #8, Group 5 <br/>

-

$("input[type=checkbox]").on("change", function() {
    var group = $(this).data("group"); // group ID 
    var checked = $(this).is(":checked"); // status checked/unchecked
    $("input[type=checkbox][data-group="+ group +"]").prop("checked", checked); // check/uncheck!
});

禁用基于点击的复选框

1 个答案: