【问题标题】:How to get selected radio button values?如何获取选定的单选按钮值?
【发布时间】:2018-05-22 15:14:38
【问题描述】:

我需要获取选定的单选按钮值。单选按钮名称为is_external

test.html

<div class="exter_inter">
    External <input type="radio" name="is_external" value="1" <?php if(isset($_GET['status']) && $_GET['status']=='1') echo "checked";?> />
    Internal <input type="radio" name="is_external" value="0"  <?php if(isset($_GET['status']) && $_GET['status']=='0') echo "checked";?>  />
</div>

script.js

$(document).ready(function() {  
    $('input:radio').change(function() {      
        var is_external = $("input[name='radio']:checked").val();   
        alert("selected values: " + is_external); //Return undefined  

    });
} ); 

【问题讨论】:

  • $("input[name='is_external']:checked").val();
  • 替换 radio 为 is_external : $("input[name='is_external']:checked").val();

标签: jquery html radio-button


【解决方案1】:

$(document).ready(function() {
  $('input:radio').change(function() {
    var is_external = $("input[name='is_external']:checked").val();//name is is_external not radio
    alert("selected values: " + is_external); //Return undefined  

  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="exter_inter">
  External
  <input type="radio" name="is_external" value="1" />Internal
  <input type="radio" name="is_external" value="0" />
</div>

名字是is_external而不是radio

【讨论】:

    【解决方案2】:
       <input type="radio" name="user" value="newUser">New User
       <input type="radio" name="user" value="registeredUser">Registered User
    
        $(document).ready(function () {
            $("input:radio").change(function () {
                var x = $("input[name='user']:checked").val();
                console.log(x);
             });
        });
    

    【讨论】:

      猜你喜欢
      • 2013-03-28
      • 2011-05-07
      • 2011-07-28
      • 2016-08-30
      • 1970-01-01
      • 1970-01-01
      • 2012-01-27
      • 2014-08-24
      相关资源
      最近更新 更多