오류 메시지

Question

a, b, c, d를 표시 한 후에도 선택란이 4 개의 확인란입니다. 'a'가 선택되면, 나머지 체크 박스 b, c, d는 선택되어서는 안됩니다. B, C 중 하나 개 이상 체크 박스, D를 선택하면

은 다음 '는이'

if(document.getElementById('a').checked) { 
    if(document.getElementById('b').checked || document.getElementById('c').checked || document.getElementById('d').checked){ 
    alert("choose between 'A' and one/more option from b,c,d"); 
    return; 
    } 
} 

나는 최대한 빨리 경고를, 내가 할 수 제거 할 때 경고 메시지하지만 무엇입니까를 선택하지 않아야합니다 'a'를보고 b, c, d의 한 옵션을 선택하십시오. 그 중 하나가 내가 경고 메시지를 제거 후에도 체크? 그리고 난

Answer 1

document.getElementById('b').checked = false; 
document.getElementById('c').checked = false; 
document.getElementById('d').checked = false; 

Answer 2

당신은 기능에 false에 checked 속성을 설정해야합니다 체크되지 않은 것으로 최신 옵션을 원 있도록 어떻게 그것을 방지 할

if(document.getElementById('a').checked) { 
     if(document.getElementById('b').checked || document.getElementById('c').checked || document.getElementById('d').checked){ 
      alert("choose between 'A' and one/more option from b,c,d"); 
      document.getElementById('b').checked = document.getElementById('c').checked = document.getElementById('d').checked = false 
      return; 
     } 

}

Example

Answer 3

나는 당신이 티한다고 생각합니다 더 나은 사용자 환경을 제공하는 방법에 대해 자세히 알아보십시오. 수집 한 것부터 하위 옵션 인 체크 박스가있는 라디오 버튼이이 케이스에 더 적합합니다. 아래 예를 확인하십시오.

function handleOption(myRadio) { 
 
    document.querySelectorAll("#bcdCheckboxes input[type='checkbox']").forEach(e => e.disabled = myRadio.value === 'a'); 
 
}

.indent { 
 
    margin-left: 15px; 
 
}

<input type="radio" name="option" onclick="handleOption(this)" value="a">Option A 
 
<br> 
 
<input type="radio" name="option" onclick="handleOption(this)" value="bcd">Other Options 
 
<br> 
 
<div class="indent" id="bcdCheckboxes"> 
 
    <label> 
 
    <input type="checkbox" value="b" disabled>Option B</label> 
 
    <br> 
 
    <label> 
 
    <input type="checkbox" value="c" disabled>Option C</label> 
 
    <br> 
 
    <label> 
 
    <input type="checkbox" value="d" disabled>Option D</label> 
 
</div>