使用无线电输入触发单一更改事件

时间:2018-02-19 21:01:19

标签: javascript onchange addeventlistener

为什么在检查具有相同名称属性值的其他无线电输入后,onchange事件未检查到已检查的无线电输入。

看看这个jsfiddle。尝试触发至少两个onchange事件,因为您可以看到只有在检查无线电输入时才会触发侦听器。当检查其中一个无线电输入并检查另一个时,之前检查的那个将不会触发onchange事件。

对于checkboxes,未选中时会触发此事件,为什么不对无线电输入?

1 个答案:

答案 0 :(得分:0)

我认为单选按钮应该是这样的:$('input [name =“test”]')

$('input[name="test"]').change(function(){
	$('#output').append('<p>'+this.value +' changed</p>');
});
#output {
  margin-top: 20px;
  padding: 10px;
  background-color:slategrey;
}
p {
  margin: 0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label><input type="radio" name="test" value="foo" />Foo</label>
<label><input type="radio" name="test" value="bar" />Bar</label>
<div id="output"></div>