一、用的jquery的radio的change事件:当元素的值发生改变时,会发生 change 事件,radio选择不同name值选项的时候恰巧是值发生改变
表单单选框
Allot
Transfer
$(document).ready(function() { // jquery的radio的change事件
$('input[type=radio][name=bedStatus]').change(function() {
if (this.value == 'allot') {
alert("Allot Thai Gayo Bhai");
}
else if (this.value == 'transfer') {
alert("Transfer Thai Gayo");
}
});
});
1. 获取radio选中的value.
$('input:radio[name=bedStatus]:checked').val();
2. 选择 radio 按钮(这里的下标取决于有几个name为bedStatus的按钮)
$('input:radio[name=bedStatus]:nth(0)').attr('checked',true);
或者
$('input:radio[name=bedStatus]')[0].checked = true;
3. 重置 radio 按钮.
$('input:radio[name=bedStatus]').attr('checked',false);
二、jquery的change事件
Allot
Transfer
$(function () {
$(".symbols_radio").change(function () {
console.log(this.value); // allot
console.log(this.name); // bedStatus
});
三、jquery的click事件:监听type=radio的click事件
$(':radio').clcik(function(){
var value = $(this).vale() //获取选中的radio的值
});
————————————————
版权声明:本文为CSDN博主「牛奔」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Guzarish/article/details/118627020