부트 스트랩 라디오 버튼을 확인하는 방법

Question

양식의이 섹션의 유효성을 검사하려고하지만 버튼이 선택되어 있으면 option1은 false를 반환합니다. 활성/비활성 또는 다른 방법으로 버튼 그룹에서 값을 가져올 때 각 라디오가 다른 값을 가지게하려면 어떻게합니까?

$(function register(){ 
 
$('.err').hide(); 
 
$("#submit").click(function() { 
 
if ($('#option1').prop("checked", false)){ 
 
     $("#fcerr").show(); 
 
    } 
 
if ($('#option1').prop("checked")){ 
 
    $("#fcerr").hide(); 
 
} 
 
    }); 
 
});

<div class="btn-group btn-group-justified btn-group-sm" data-toggle="buttons"> 
 
     <label id="lopt1" class="btn btn-primary"> 
 
     <input type="radio" name="option1" id="option1" autocomplete="off"> Staff 
 
     </label> 
 
     <label id="lopt2" class="btn btn-primary"> 
 
     <input type="radio" name="option2" id="option2" autocomplete="off"> Client 
 
     </label> 
 
</div> 
 
<div><label class="err" id="fcerr">Error Message</label></div> 
 

 
<input name="register" type="submit" value="Register" class="btn btn-primary btn-lg btn-block" id="submit">

또한 라디오 상자의 값을 받고 시도했지만 그들은 관계없이의 라디오가 활성화 "에"항상.

var client = $("#option2").val(); 
 
alert(client);

Answer 1

을 검증 할 수있는 그룹으로 그들을 치료하려는 경우

옵션 요소는 같은 이름의 속성을 공유해야 "매번 거짓이 될 수 있습니다. if 문은 진리 값을 받으면 if 블록 안에있는 것을 실행합니다.

이 대신처럼 검증을 시도

if($('#option1').is(':checked')){ 
    //... 
} 

을 또한, 당신이 당신의 입력이 실제로 (하나는 주어진 시간에 만 확인할 수 있습니다 의미) 그룹으로 행동하려는 경우 같은 name을 공유해야 속성을 사용하면 html을 다음과 같이 업데이트 할 수 있습니다.

<label id="lopt1" class="btn btn-primary"> 
     <input type="radio" name="myOptions" id="option1" autocomplete="off"> Staff 
     </label> 
     <label id="lopt2" class="btn btn-primary"> 
     <input type="radio" name="myOptions" id="option2" autocomplete="off"> Client 
     </label> 

Answer 2

몇 가지 : 당신의 질문 jQuery를 태그하고 있지만

1. 당신은 당신의 코드에서 자바 스크립트 프레임 워크를 포함하지 않았다.
2. 네 번째 줄 if ($('#option1').prop("checked", false)){이 (가) 평가하려는 값을 변경하고 있습니다.

   if ($('#option1').prop("checked", false)){ 
       $("#fcerr").show(); 
   } 
   

   당신은 실제로 확인 속성을 "설정하는 : 당신은 당신의 코드로