jquery radio change事件的用法

2024年1月28日发(作者：)

jquery radio change事件的用法

jQuery的radio change事件用于监听单选按钮的改变事件。当用户选择了不同的单选按钮时，change事件就会被触发。

用法如下：

1. 选择单选按钮的HTML结构：

```html

Option 1

Option 2

```

2. 使用jQuery绑定change事件：

```javascript

$('input[name="radio"]').change(function() {

// 在这里执行需要的操作

var selectedValue = $('input[name="radio"]:checked').val();

('Selected value is: ' + selectedValue);

});

```

在这个例子中，我们给所有的单选按钮绑定了change事件。当用户选择不同的单选按钮时，控制台会输出选中的值。

注意，我们使用`$('input[name="radio"]')`选择器选中了所有

name属性为"radio"的radio按钮。然后，我们使用`:checked`伪类选择器选中被选中的单选按钮，并使用`.val()`方法获取选中的值。

希望以上内容对您有所帮助。