jquery监听单选按钮
时间: 2023-08-01 13:08:03 浏览: 148
要监听单选按钮的选中状态,可以使用jQuery的`change()`方法。以下是示例代码:
```html
<input type="radio" name="myRadio" value="option1">
<input type="radio" name="myRadio" value="option2">
<script>
$(document).ready(function() {
$('input[name="myRadio"]').change(function() {
if ($(this).is(':checked') && $(this).val() == 'option1') {
// option1被选中
} else if ($(this).is(':checked') && $(this).val() == 'option2') {
// option2被选中
}
});
});
</script>
```
在上面的示例中,我们使用选择器`$('input[name="myRadio"]')`来选择所有name为`myRadio`的单选按钮。然后,我们绑定了`change()`事件处理程序,当单选按钮的选中状态发生变化时,会触发该事件处理程序。在事件处理程序中,我们使用`$(this)`来获取当前被选中的单选按钮,并使用`is(':checked')`方法来判断它是否被选中。如果选中,我们可以使用`$(this).val()`方法获取它的值,并进一步处理。
阅读全文