如何使用JQuery选择单选按钮的选中值？

Question

尽管有我的研究和努力，但我有一个无法解决的问题。 所以我在这里发布。 我有两个具有相同名称的输入单选按钮元素，分别表示是否正在使用“ Business Bank Account Service ：

<input type="radio" name="bank_account_service" value="no" checked='checked'>No
<input type="radio" name="bank_account_service" value="yes">Yes

现在，我还具有以下JQuery函数，该函数应警告此单选的值：

 var bank=$('input[name=bank_account_service]:checked').val(); $(document).click(function(){alert(bank);}); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Business Bank Account<br/> <br/><input type="radio" name="bank_account_service" value="no" checked='checked'>No <br/><input type="radio" name="bank_account_service" value="yes">Yes<br/><br/> 

我想，当单选按钮，以提醒是 Yes检查。 有人可以指导我我想念什么或做错什么吗？

Answer 1

您可能正在寻找：

 $('input[name=bank_account_service]').click(function () { alert($('input[name=bank_account_service]:checked', '#yourForm').val()) }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Business Bank Account<br/> <form id="yourForm"> <br/><input type="radio" name="bank_account_service" value="no" checked='checked'>No <br/><input type="radio" name="bank_account_service" value="yes">Yes<br/><br/> </form> 

Answer 2

看起来您有一些向后的jQuery。

尝试这个：

//all click events go in here
$(document).ready(function(){
     //click event on all of these bank inputs
     $('input[name=bank_account_service]').click(function(){
         //check to see if this is the yes option
         if ($(this).val()=='yes') {
             //do something
         }
     });
});

您可能还需要考虑为每个单选按钮放置唯一的ID。 因此，如果您可以将HTML更改为此：

<input type="radio" name="bank_account_service" value="no" id='bank_no'>No
<input type="radio" name="bank_account_service" value="yes" id='bank_yes'>Yes

然后，您可以进行jquery：

$(document).ready(function(){
     //click event on only the yes input
     $('#bank_yes').click(function(){
         //do something
     });
});

Answer 3

<form>
 <div>
   <input type="radio" name="fruit" value="orange" id="orange">
   <label for="orange">orange</label>
</div>
<div>
   <input type="radio" name="fruit" value="apple" id="apple">
   <label for="apple">apple</label>
</div>
<div>
   <input type="radio" name="fruit" value="banana" id="banana">
   <label for="banana">banana</label>
</div>
<div id="log"></div>
</form>

<script>
$( "input" ).on( "click", function() {
  $( "#log" ).html( $( "input[name='fruit']:checked" ).val() + " is checked!" );
});
</script> 

尝试这样的事情！