jquery监听单选按钮
时间: 2023-08-01 09:08:03 浏览: 57
要监听单选按钮的选中状态,可以使用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()`方法获取它的值,并进一步处理。
相关问题
jquery datagrid单选按钮
jquery datagrid的单选按钮可以通过以下方法来实现:
在datagrid的初始化代码中,设置属性singleSelect为true,即可实现单选功能。示例如下:
$('#tt').datagrid({
singleSelect:true,
onBeforeCheck: function (rowIndex, rowData) {
$('#tt').datagrid("unselectAll");//取消选中当前所有行
},
onLoadSuccess: function (data) {
if (data.total == 0) {
$.messager.alert('系统提示', "查询结果为空,无符合条件记录", 'error');
}
else {
$("input[name=ck]").click(function () {
var ischecked = $(this).is(":checked");
$("input:checkbox[name=ck]:checked").attr("checked", false);
$('#grid').datagrid('clearSelections');
$('#grid').datagrid("unselectAll");
if (ischecked) {
$(this).attr("checked", true);
}
else {
$(this).attr("checked", false);
}
});
}
},
onClickRow: function (rowIndex, rowData) {
$('#grid').datagrid("unselectAll");//取消选中当前所有行
$('#grid').datagrid("selectRow", rowIndex);//选中当前点击的行
},
});
jquery 监听器
您可以使用jQuery的.on()方法来添加事件监听器。它允许您在选定元素上绑定一个或多个事件,并指定一个处理程序函数来处理事件。
以下是一个简单的示例,展示如何使用jQuery监听器来处理点击事件:
```javascript
$(document).ready(function() {
// 选择要绑定事件的元素,并指定事件类型和处理程序函数
$('#myButton').on('click', function() {
// 在这里编写处理点击事件的代码
alert('按钮被点击了!');
});
});
```
在上面的示例中,我们选择了一个具有id为"myButton"的元素,并使用.on()方法来绑定了一个点击事件。当该按钮被点击时,将弹出一个警告框显示"按钮被点击了!"的消息。
您可以根据需要调整选择器和事件类型,以及在事件处理程序函数中编写适当的代码来处理事件。