JS는 라디오와 버튼의 선택된 값을 다음과 같은 형식으로 가져옵니다.

JS에서 양식 form의 라디오버튼의 선택된 값을 가져오는 것은 실제로 일반 라디오버튼의 방법과 동일합니다. 일반적으로 사용되는 라디오버튼은 라디오버튼의 name 속성과 type 속성을 설정해야 하며 다음과 같이 이 두 속성을 기반으로 검색합니다.

1 <br/>2         <input name="radio" type="radio" checked="checked" value="男"/>男3        
 <input name="radio" type="radio" value="女"/>女4        
  <br/><br/><br/>5         
  <label id="message">哈哈哈哈</label>

그러면 JS의 코드는 다음과 같습니다.

 1  <script type="text/javascript"> 2         
 $(function(){ 3            
  $("input[name=&#39;radio&#39;]").click(function()
  { 4                 if($(this).val() == "男")
  { 5                     $("#message").show(); 6                 }
  else{ 7                     $("#message").hide(); 
  8                 } 9             });
  10         })11     
  </script>

라디오버튼의 기본 설정은 다음과 같습니다.

1 <form:radiobuttons path="isall" items="${fns:getDictList(&#39;allType&#39;)}"2                                
itemLabel="label" itemValue="value"3                               
 htmlEscape="false" class="" onclick=""/>

여기에는 라디오의 이름과 유형이 명시적으로 제공되지 않습니다. 채널의 이 두 가지 속성에 액세스하려면 웹 페이지에서 소스 코드를 보고 속성을 가져온 다음 작성하면 됩니다. JS:

 1 $(function () { 2  3            
  $("input[name='isall']").click(function () 
  { 4                 if ($(this).val() == "0") 
  { 5                     $("#usermsg").hide(); 6                 
  } else { 7                     
  $("#usermsg").show(); 8                
   } 9             });
   10        
    });

내 작업은 선택한 값에 따라 페이지의 일부를 표시하거나 숨깁니다. 표시하거나 숨겨야 하는 부분의 스타일을 설정하세요. 없음, 예:

 1  <p id="usermsg" class="control-group" style="display: none"> 2            
  <label class="control-label">用户账号：</label> 3  4            
   <p class="controls"> 5                 
   <input id="user_id" type="text" maxlength="100" name="userId" class="input-medium"/> 6                
    <shiro:hasPermission name="doctor:doctormsgpush:edit"> 7                     
    <input type="submit" value="查询用户ID" onclick="check()" 8                           
     class="btn btn-primary"/> 9                 </shiro:hasPermission>10            
      </p>11     
      </p>

관련 권장 사항:

제출 후 html 드롭다운 메뉴 만드는 방법 선택한 값을 유지하고 기본값으로 돌아가지 않음

Jquery가 선택한 라디오 값을 가져오는 방법에 대한 자세한 예

JS가 선택한 라디오를 가져옵니다. 값 예제 코드

위 내용은 JS는 라디오와 버튼의 선택된 값을 다음과 같은 형식으로 가져옵니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!