자동 체크 박스 사용 설정 방법

Question

안녕하세요 저는 네 개의 확인란을 가지고 있는데 하나의 확인란을 클릭 한 다음 다른 확인란을 자동으로 선택하고 확인란을 선택 취소하면 선택을 취소해야합니다. 나는이를 사용하고 있지만 내가 이것을 달성 할 수있는 방법

<p class="contact"> 
    <input type="checkbox" name="PlanA" value="A"onchange="document.getElementById('a2').checked=!this.checked;"><label for="PlanA"><span style="font-weight:bold">PlanA</span></label><br> 
    <input name="PlanA" type="hidden" value=0 /> 
    </p> 
    <p class="contact"> 
    <input type="checkbox" name="AndroidApps" id="a2" value=1><label for="AndroidApps"><span style="font-weight:bold">AndroidApps</span></label><br> 
    <input name="AndroidApps" type="hidden" value=0 /> 
    </p> 

작동하지 않습니다?

Answer 1

이 시도하십시오 :

demo

onchange="document.getElementById('a2').checked=this.checked;" 

fiddle2 multiple checkbox

Answer 2

이

$("input[name=PlanA]").change(function(){ 

$("#a2").attr("checked",this.checked); 
}); 

Demo

Answer 3

여기를 참조하십시오

이

$("input[name=PlanA]").change(function(){ 

$("#a2").attr("checked",this.checked); 
}); 

Answer 4

DEMO 다음을 시도하려고, 순수 자바 스크립트 는

onchange="(document.getElementById('a1').checked) ? (document.getElementById('a2').checked = true) : (document.getElementById('a2').checked = false);"> 

Answer 5

a1 내지 레이블이 요소에 중 하나 "형태"속성을 사용하여 준수 할 수있는 최초의 체크 박스 ID를 정의합니다.

HTML

<p class="contact"> 
    <input type="checkbox" id="PlanA" name="PlanA" value="A"> 
    <label for="PlanA">PlanA</label> 
    <input name="PlanA" type="hidden" value=0 /> 
</p> 
<p class="contact"> 
    <input type="checkbox" name="AndroidApps" id="AndroidApps" value=1> 
    <label for="AndroidApps">AndroidApps</label> 
    <input name="AndroidApps" type="hidden" value=0 /> 
</p> 

JS

$('#PlanA').change(function(){$('#AndroidApps').attr("checked", this.checked);}) 

CSS

.contact label {font-weight: bold }