禁用除一個複選框外的所有其他選項

我看到了this on jsfiddle，我想知道如何修改它，以便當且僅當選中45時，其餘的選項才被禁用，如果選擇45則其餘選項將被啓用。在提交表格之前，我應該能夠做到這一點。禁用除一個複選框外的所有其他選項

上的jsfiddle的例子的javascript：

$(function(){ 
    $(".rambo").change(function(){ 
     $(this).siblings().attr("disabled", $(this).is(":checked")); 
    }); 
});

來源

2013-01-17 Adam

只需添加適當的id s並選擇該

HTML：

<input type="checkbox" id="cb1" class="rambo" value='1' /> 45 
<input type="checkbox" id="cb2" class="rambo" value='2' /> 56 
<input type="checkbox" id="cb3" class="rambo" value='3' /> 56

JS：

$(function(){ 
    $("#cb1").change(function(){ 
     $(this).siblings().attr("disabled", $(this).is(":checked")); 
    }); 
});

JSFiddle

來源

2013-01-17 01:19:20

從別人刪除.rambo類。

來源

2013-01-17 00:06:04 antejan

哦。如果.rambo沒有造型意義，那就更好。 – Leeish

$(function(){ 
    $(".rambo").change(function(){ 
     if($(this).val() == 1){ 
     $(this).siblings().attr("disabled", $(this).is(":checked")); 
     } 
    }); 
});

一種方式

來源

2013-01-17 00:06:08 Leeish

您可以使用attribute selector。

$(function(){ 
    $(".rambo[value=1]").change(function(){ 
     $(this).siblings().prop("disabled", this.checked); 
    }); 
});

http://jsfiddle.net/Mnmte/

來源

2013-01-17 00:06:29 undefined

從所有的答案

上面，你還可以指定你只想1日checkbox執行腳本使用nth-child選擇：

$(".rambo:nth-child(1)").change(function(){ 
    $(this).siblings().attr("disabled", $(this).is(":checked")); 
});

Demo

來源

2013-01-17 00:08:53 dunli

禁用除一個複選框外的所有其他選項

回答

相關問題