-1

我有一组复选框，只有在该组中选择了特定复选框时，我才想禁用这些复选框。我想我需要用不同的名称命名复选框并根据点击过滤其他复选框，但也希望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
 });
4

1 回答 1

1

  1. 你必须清理你的 HTML，它是无效的并且可能导致错误。

  2. 下次请创建一个小提琴（http://jsfiddle.net）。

  3. 每个元素都需要一个唯一的 ID和一个组。在我的示例中，我选择了 data-group 属性。

那应该是您的解决方案：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!
});

祝你好运！;-)

于 2013-09-18T00:37:19.483 回答