javascript set radio - 我怎麼知道通過jQuery選擇了哪個單選按鈕?



15 Answers

用這個..

$("#myform input[type='radio']:checked").val();
checked change get

我有兩個單選按鈕,想要發布所選按鈕的值。 如何通過jQuery獲取值?

我可以像這樣得到所有這些:

$("form :radio")

我怎麼知道哪一個被選中?




這應該工作:

$("input[name='radioName']:checked").val()

請注意輸入周圍的“使用:檢查而不是像Peter J的解決方案”




如果你只想要布爾值,即是否檢查它,請嘗試:

$("#Myradio").is(":checked")



另一種選擇是:

$('input[name=radioName]:checked').val()



這是我如何編寫表單並處理已檢查無線電的獲取。

使用名為myForm的表單:

<form id='myForm'>
    <input type='radio' name='radio1' class='radio1' value='val1' />
    <input type='radio' name='radio1' class='radio1' value='val2' />
    ...
</form>

從表單中獲取值:

$('#myForm .radio1:checked').val();

如果您沒有發布表單,我會使用以下內容進一步簡化:

<input type='radio' class='radio1' value='val1' />
<input type='radio' class='radio1' value='val2' />

然後獲取選中的值變為:

    $('.radio1:checked').val();

在輸入上有一個類名允許我輕鬆設置輸入樣式...




JSF生成的單選按鈕(使用<h:selectOneRadio>標記)中,您可以執行以下操作:

radiobuttonvalue = jQuery("input[name='form_id\:radiobutton_id']:checked").val();

其中selectOneRadio ID是radiobutton_id ,表單ID是form_id

請確保使用name而不是id ,因為jQuery使用此屬性( 名稱由JSF自動生成,類似於控件ID)。




另外,檢查用戶是否沒有選擇任何內容。

var radioanswer = 'none';
if ($('input[name=myRadio]:checked').val() != null) {           
   radioanswer = $('input[name=myRadio]:checked').val();
}



這很好用

$('input[type="radio"][class="className"]:checked').val()

工作演示

:checked選擇器適用於checkboxesradio buttons和選擇元素。 僅對於選擇元素,請使用:selected selector。

API for :checked Selector




要獲取使用類的所選無線電的值:

$('.class:checked').val()



用這個:

value = $('input[name=button-name]:checked').val();



如果你在1個表單上只有一組單選按鈕,那麼jQuery代碼就像這樣簡單:

$( "input:checked" ).val()



要檢索JavaScript數組中的所有單選按鈕值,請使用以下jQuery代碼:

var values = jQuery('input:checkbox:checked.group1').map(function () {
    return this.value;
}).get();



獲得它的另一種方法:

 $("#myForm input[type=radio]").on("change",function(){
   if(this.checked) {
    alert(this.value);
    }
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
   <span><input type="radio" name="q12_3" value="1">1</span><br>
   <span><input type="radio" name="q12_3" value="2">2</span>
</form>




$(function () {
// Someone has clicked one of the radio buttons
var myform= 'form.myform';
$(myform).click(function () {
    var radValue= "";
    $(this).find('input[type=radio]:checked').each(function () {
        radValue= $(this).val();
    });
  })
});



您需要使用:checked選擇器進行訪問:

檢查此文檔:

一個例子:

$('input[name=radioName]:checked', '#myForm').val()
$('#myForm input').on('change', function() {
	$('#val').text($('input[name=radioName]:checked', '#myForm').val());
});
#val {
  color: #EB0054;
  font-size: 1.5em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h3>Radio value: <span id='val'><span></h3>
<form id="myForm">
  <input type="radio" name="radioName" value="a"> a <br>
  <input type="radio" name="radioName" value="b"> b <br>
  <input type="radio" name="radioName" value="c"> c <br>
</form>






Related