> 웹 프론트엔드 > JS 튜토리얼 > JS는 라디오와 버튼의 선택된 값을 다음과 같은 형식으로 가져옵니다.

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

小云云
풀어 주다: 2018-03-07 13:54:04
원래의
2472명이 탐색했습니다.

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=&#39;isall&#39;]").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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿