JSはフォーム内のラジオとボタンの選択された値を取得します

フォームformのラジオボタンの選択値をJSで取得するのは、実は通常のラジオボタンのメソッドと同じです。よく使用されるラジオボタンでは、次のようにラジオボタンの name 属性と type 属性を設定し、これら 2 つの属性に基づいて検索する必要があります。

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=""/>

ラジオの名前とタイプはここでは明示的に指定されていません。チャネルのこれら 2 つの属性にアクセスするには、Web ページ上のソース コードを表示してその属性を取得し、次のように記述するだけです。 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 中国語 Web サイトの他の関連記事を参照してください。