제출 만 확인란이 선택되어 있는지 확인하십시오.

Question

<div id="checkbox">  
<input type="checkbox" id="1" name="1"/><br/> 
<input type="checkbox" id="2" name="2"/><br/> 
<input type="checkbox" id="3" name="3"/><br/> 
<input type="submit" value="Create"/> 
</div> 

나는 위의 코드를 가지고 있으며 적어도 하나의 상자가 선택되어 있으면 양식을 제출하기 때문에 어떤 종류의 확인이 필요하므로 2 개의 상자를 선택하면 제출하지 않을 것입니다. 1이 선택되어 있는지 확인하십시오.

많은 감사

Answer 1

라디오 버튼 그룹을 사용하는 것이 좋습니다. 따라 올 수도 있습니다 reference

라디오 버튼을 사용하면 자바 스크립트를 사용할 필요가 없습니다. 하지만 체크 박스를 사용하려면 자바 스크립트를 사용하는 것이 해결책 중 하나입니다.

Answer 2

왜 그냥 라디오 버튼을 사용하지 않는? 이 확인란에 클래스를 추가하고 체크 박스를 모두 선택 취소하고 모두 선택을 취소하십시오. onClick

Answer 3

사용자가 하나 이상의 값을 선택하려는 경우 확인란을 사용하는 것이 좋습니다. 귀하의 목적을 위해 라디오 버튼을 권장합니다

확인란 대신 라디오 버튼을 사용하고 모두 동일한 이름을 지정하십시오. 그리고 자바 스크립트를 전혀 사용하지 마십시오.

Answer 4

사용 라디오 버튼

<div id="checkbox"> 
<input type="radio" id="1" name="radio_button"/><br/> 
<input type="radio" id="2" name="radio_button"/><br/> 
<input type="radio" id="3" name="radio_button"/><br/> 
<input type="submit" value="Create"/> 
</div> 

Answer 5

를 사용하여 자바 스크립트 기능 : 그 중 하나를 체크 할 필요가있는 경우

<script> 
function checkifclicked() 
{ 

    //alert($('input[name=cb]').val()); 
    var checkboxs=document.getElementsByName("cb"); 
    var okay=false; 
    for(var i=0,l=checkboxs.length;i<l;i++) 
    { 
     if(checkboxs[i].checked) 
     { 
      okay=true; 
     } 
    } 
    if(!okay){ 

     alert("Please check a checkbox"); 
     return false; 
    } 

} 
</script> 


<form name="send_email" id="send_email" action="send_email.php" onSubmit="return checkifclicked()" method="post"> 

<div id="checkbox">  
<input type="checkbox" id="1" name="cb"/><br/> 
<input type="checkbox" id="2" name="cb"/><br/> 
<input type="checkbox" id="3" name="cb"/><br/> 
<input type="submit" value="Submit"/> 
</div> 


</form> 

Demo Here>>

Answer 6

당신은 라디오 버튼을 사용해야합니다.

http://jsfiddle.net/WHDFt/

<div id="checkbox">  
<input type="radio" id="1" name="somename"/>Label1<br/> 
<input type="radio" id="2" name="somename"/>Label2<br/> 
<input type="radio" id="3" name="somename"/>Label3<br/> 
<input type="submit" value="Create"/> 
</div> 

당신도 그들 중 하나가 선택되어 있는지 확인하고 싶다. 이를위한 몇 가지 해결책이 있습니다.

1. 기본적으로 확인하십시오. 예를 들어 기본적으로 첫 번째 라디오를 선택합니다. 라디오 버튼을 선택 취소 할 수는 없으므로 항상 체크 필드가 있습니다.

2. 양식을 제출하는 동안 JavaScript를 사용하여 유효성을 검사 할 수 있습니다.

Answer 7

주고 ID는 예를 들어 버튼을 제출 :

<input id="submit" type="submit" value="Create"/> 

JS 코드 :

$(function(){ 
    $('#submit').click(function(){ 
     if($('#checkbox input:checked')){ 
     return true; 
     } 
     return false; 
    }); 
}); 

그러나 사용하여 다중 선택이 더 나은 아이디어 당신이 무엇을

Answer 8

if(document.getElementById('1').checked || document.getElementById('2').checked || document.getElementById('3').checked) 
{ 

    if((document.getElementById('1').checked && document.getElementById('2').checked) || (document.getElementById('2').checked && document.getElementById('3').checked) || (document.getElementById('1').checked && document.getElementById('3').checked)) 
     { 

     return false; 
     } 

     else 
     { 
      //dosomthing 

     } 

    }