radio取消选中时触发事件
onclick -----> if checked
onchecked ---->
onchange ----->
假如我有20个radio(比如选择银行支付时),我现在想要对工商银行这个radio监听,如果默认是工商银行,用户点击了其他银行,此时工商银商没有被选中,我需要此时触发一个事件,怎么写,你的onclick放在哪,
就用onchange就够了,设置一个全局变量来储存你的选择的哪个就好了,每次点击你都知道啊。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>test</title>
<script type="text/javascript">
window.onload = function () {
var _text = "工商";
var _default = "r1";
var rs = document.getElementsByName("r");
for (var i = 0; i < rs.length; i++) {
rs[i].onchange = function () {
console.log(this.parentElement.innerText);
console.log(this.value);
if(this.value != _default) alert("你没有选择工商,你选择的是"+this.parentElement.innerText);
else alert("你选择的是工商");
};
}
};
</script>
</head>
<body>
<label><input type="radio" name="r" value="r1" checked="true" />工商</label>
<label><input type="radio" name="r" value="r2" />招商</label>
<label><input type="radio" name="r" value="r3" />农业</label>
<label><input type="radio" name="r" value="r4" />建设</label>
<label><input type="radio" name="r" value="r5" />花旗</label>
</body>
</html>