[英]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.