jquery的radio的change事件
⼀、⽤的jquery的radio的change事件：当元素的值发⽣改变时，会发⽣ change 事件，radio选择不同name值选项的时候恰巧是值发⽣改变
表单单选框
<input type="radio" name="bedStatus" id="allot" checked="checked" value="allot">Allot
<input type="radio" name="bedStatus" id="transfer" value="transfer">Transfer
html radio选中事件
$(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事件
<input type="radio" name="bedStatus" class="symbols_radio" checked="checked" value="allot">Allot
<input type="radio" name="bedStatus" class="symbols_radio" value="transfer">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的值
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。