温馨提示×

jQuery操作radio的技巧有哪些

小亿
99
2023-08-15 16:56:25
栏目: 编程语言

以下是一些使用jQuery操作radio的技巧:

  1. 设置选中的radio按钮:使用prop()方法将radio按钮的checked属性设置为true
$('input[name="radioName"]').eq(0).prop('checked', true);
  1. 获取选中的radio按钮的值:使用val()方法获取选中的radio按钮的值。
var selectedValue = $('input[name="radioName"]:checked').val();
  1. 监听radio按钮的改变事件:使用change()方法监听radio按钮的改变事件。
$('input[name="radioName"]').change(function() {
// 在这里执行操作
});
  1. 禁用/启用radio按钮:使用prop()方法将radio按钮的disabled属性设置为true(禁用)或false(启用)。
$('input[name="radioName"]').eq(0).prop('disabled', true);
  1. 获取所有的radio按钮:使用选择器input[type="radio"]获取所有的radio按钮。
var radioButtons = $('input[type="radio"]');
  1. 根据值选中radio按钮:使用val()方法和选择器选择具有特定值的radio按钮,并将其设置为选中状态。
$('input[name="radioName"][value="valueToSelect"]').prop('checked', true);

希望以上技巧能够帮到您!

0