我有两个单选按钮
在更改事件中,我希望更改按钮如何可能?
我的代码
<;输入type=“radio”name=“bedStatus”id=“allot”checked=“checked”value=“allot”>;分配
<;输入type=“radio”name=“bedStatus”id=“transfer”value=“transfer”>;转移
剧本
<;脚本>;
$(文档).ready(函数(){
$('input:radio[name=bedStatus]:选中')。更改(函数(){
if($(“输入[name='bedStatus']:选中”).val()=='allot'){
警报(“分配泰国盖奥拜”);
}
if($(“输入[name='bedStatus']:选中”).val()=='transfer'){
警报(“转移泰国Gayo”);
}
});
});
</脚本>;
您可以使用这个,它引用当前的输入元素
$('input[type=radio][name=bedStatus]')。更改(函数(){
如果(this.value=='allot'){
警报(“分配泰国盖奥拜”);
}
else if(this.value=='transfer'){
警报(“转移泰国Gayo”);
}
});
http://jsfiddle.net/4gZAT/
请注意,您正在将if语句和中的值与选择器已弃用allot进行比较:radio
如果未使用jQuery,则可以使用document.queryselectoral和HTMLElement.addEventListener方法:
var radios=document.queryselectoral('input[type=radio][name=“bedStatus”]”);
函数changeHandler(事件){
如果(this.value==='allot'){
log('value','allot');
}else if(this.value==='transfer'){
log('value','transfer');
}
}
Array.prototype.forEach.call(收音机),function(收音机){
radio.addEventListener('change',changeHandler);
});