Tenho a seguinte série de caixas de seleção na minha página:
$("#chkLoc0").click(function() {
$('[id^=chkLoc]:not(#chkLoc0)').prop('checked', $(this).prop('checked'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="form-group row" id="Location">
<div class="col">
<label class="checkbox-inline">
<input type="checkbox" id="chkLoc0" name="Locations[0].SelectedSection" value="1" />
Any <br />
</label>
<label class="checkbox-inline">
<input type="checkbox" id="chkLoc1" name="Locations[0].SelectedSection" value="2" />
Test1 <br />
</label>
<label class="checkbox-inline">
<input type="checkbox" id="chkLoc2" name="Locations[0].SelectedSection" value="3" />
Test2 <br />
</label>
<label class="checkbox-inline">
<input type="checkbox" id="chkLoc3" name="Locations[0].SelectedSection" value="4" />
Test3 <br />
</label>
<label class="checkbox-inline">
<input type="checkbox" id="chkLoc4" name="Locations[0].SelectedSection" value="5" />
Test4 <br />
</label>
</div>
Se o usuário marcar a caixa "Qualquer", quero que as demais caixas sejam marcadas e também que as demais caixas de seleção sejam desativadas. É isso que preciso marcar para as demais caixas de seleção se "Qualquer" for clicado e funcionar.
$("#chkLoc0").click(function () {
$('[id^=chkLoc]:not(#chkLoc0)').prop('checked', $(this).prop('checked'));
});
Tentei escrever o código abaixo para desabilitar o restante das caixas de seleção se "Qualquer" for clicado, mas não está funcionando. Eis o que eu tenho:
$("#chkLoc0").click(function () {
$('[id^=chkLoc]:not(#chkLoc0)').prop('disabled', $(this).prop('disabled'));
});
Como posso desabilitar todas as caixas de seleção quando a caixa de seleção "Qualquer" estiver marcada? Estou apenas tentando fazer com que, se a caixa de seleção "Qualquer" estiver marcada, todas as caixas de seleção permaneçam marcadas. Não quero que o usuário clique na caixa de seleção "Qualquer" e depois desmarque algumas caixas de seleção, como "Teste1" e "Teste2". Quero garantir que, se "Qualquer" for marcado, "Teste1", "Teste2", "Teste3" e "Teste4" permaneçam marcadas. Às vezes, o usuário clica na caixa de seleção "Qualquer" e depois desmarca uma ou duas caixas de seleção. Quero desabilitar "Teste1", "Teste2", "Teste3" e "Teste4" para que permaneçam marcadas.