![](/img/trans.png)
[英]How to get selected radio button value for multiple instances of radio button
[英]How to get the value of selected radio button
我的HTML部分如下:
<input id="yes" save-value="yes" value="no" name="view_y" class="switch-input yes" type="radio">
<label checked="checked" class="switch-label switch-label-off selected" for="yes">Yes</label>
<input id="no" save-value="no" value="no" name="view_n" class="switch-input no" type="radio">
<label class="switch-label switch-label-on" for="no">No</label>
<span class="switch-selection"></span>
當我單擊每個按鈕后,checked =“ checked”,並且所選選項將從“ yes”變為“ no”標簽。
使用這些選項,如何獲得所選單選按鈕的保存值。 因為,在我的value選項上使用Handlebars js(json),所以我想獲取所選單選按鈕的保存值。
我該怎么做?
假設僅將類別switch-input
分配給這兩個輸入元素,則可以將其與選中的選擇器一起使用
var value = $('input.switch-input').filter(':checked').attr('save-value');
//or var value = $('input.switch-input:checked').attr('save-value');
注意:首選使用data- *屬性存儲自定義屬性
我認為單選按鈕實際上並沒有被檢查,只是標簽屬性被更改,因此,向標簽添加一個額外的類,例如myclass
<input id="yes" save-value="yes" value="no" name="view_y" class="switch-input yes" type="radio"/>
<label checked="checked" class="myclass switch-label switch-label-off selected" for="yes">Yes</label>
<input id="no" save-value="no" value="no" name="view_n" class="switch-input no" type="radio"/>
<label class="myclass switch-label switch-label-on" for="no">No</label>
<span class="switch-selection"></span>
然后
var value = $('.myclass[checked="checked"]').prev('input').attr('save-value');
console.log(value)
首先,您的單選按鈕應具有相同的名稱屬性,例如view
,以便瀏覽器將選擇限制為僅其中之一。 然后,您可以使用$('[name="view"]:checked').val()
捕獲所選單選按鈕的值。
您的HTML代碼中有一些錯誤,將checked屬性放在錯誤的標記上,請看以下示例:
$('body').on('change','input',function() {
$('.switch-selection').html($(this).attr('save-value'));
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.