Javascript jquery ui按钮设置以选择选中的单选按钮
我需要根据用户选择的按钮更新隐藏字段 代码: 描述 为单选按钮指定一个Javascript jquery ui按钮设置以选择选中的单选按钮,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我需要根据用户选择的按钮更新隐藏字段 代码: 描述 为单选按钮指定一个值,然后可以使用jQuery的change()和val()方法 jQuery.change()将事件处理程序绑定到“change”JavaScript事件,或在元素上触发该事件 jQuery.val()获取匹配元素集中第一个元素的当前值 看看我的样品和这个 样品 更新您可以执行以下操作: $("#bankRadioButtons").buttonset(); $("#bankRadioButtons").buttonset()
值
,然后可以使用jQuery的change()
和val()
方法
jQuery.change()将事件处理程序绑定到“change”JavaScript事件,或在元素上触发该事件
jQuery.val()获取匹配元素集中第一个元素的当前值
看看我的样品和这个
样品
更新您可以执行以下操作:
$("#bankRadioButtons").buttonset();
$("#bankRadioButtons").buttonset().bind('click', function(event) {
switch(this.id)
{
case "Bank1" : $("#selectedBank").val("Bank1");
break; // and then case "Bank2" etc.
}
}
试试这个:
var value = $("input[@name=bankRadioButtons]:checked").val();
$("input[@name=selectedBank]").val(value);
祝你好运 谢谢。如果我使用.val(),它将返回“开”,因此我使用$(this.attr(“id”)很高兴能提供帮助!祝您有个美好的一天!
<div id="bankRadioButtons">
<table>
<tr><td><input type="radio" id="Bank1" value="Bank1" name="bankRadioButtons" /><label for="Bank1">Bank1</label></td></tr>
<tr><td><input type="radio" id="Bank2" value="Bank2" name="bankRadioButtons" /><label for="Bank2">Bank2</label></td></tr>
<tr><td><input type="radio" id="Bank3" value="Bank3" name="bankRadioButtons" /><label for="Bank3">Bank3</label></td></tr>
</table>
</div>
<input type="hidden" name="selectedBank" value="" />
$("input[type='radio'][name='bankRadioButtons']").change(function(event) {
$("input[type='hidden'][name='selectedBank']").val($(this).val());
});
<div id="bankRadioButtons">
<table>
<tr><td><input type="radio" id="Bank1" value="Bank1" name="bankRadioButtons" class="bankRadioButtons" /><label for="Bank1">Bank1</label></td></tr>
<tr><td><input type="radio" id="Bank2" value="Bank2" name="bankRadioButtons" class="bankRadioButtons"/><label for="Bank2">Bank2</label></td></tr>
<tr><td><input type="radio" id="Bank3" value="Bank3" name="bankRadioButtons" class="bankRadioButtons"/><label for="Bank3">Bank3</label></td></tr>
</table>
</div>
<input type="hidden" name="selectedBank" id="selectedBank" value="" />
$(".bankRadioButtons").change(function(event) {
$("#selectedBank").val($(this).val());
});
$("#bankRadioButtons").buttonset();
$("#bankRadioButtons").buttonset().bind('click', function(event) {
switch(this.id)
{
case "Bank1" : $("#selectedBank").val("Bank1");
break; // and then case "Bank2" etc.
}
}
var value = $("input[@name=bankRadioButtons]:checked").val();
$("input[@name=selectedBank]").val(value);