jq绑定单选框 用点击事件获取值 不选择时提示
时间: 2024-05-08 12:21:10 浏览: 114
Jquery为单选框checkbox绑定单击click事件
可以使用以下代码实现:
HTML代码:
```
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
<button id="submit-btn">提交</button>
```
JavaScript代码:
```
$("#submit-btn").click(function() {
var gender = $("input[name='gender']:checked").val();
if (gender === undefined) {
alert("请先选择性别");
} else {
alert("您选择了" + gender);
}
});
```
这段代码使用jQuery绑定了一个点击事件,当用户点击提交按钮时,会获取选中的单选框的值,如果未选择则弹出提示。如果已经选择,弹出选中的值。
阅读全文