判断单选框是否被选中 jquery

使用 jQuery 判断单选框是否被选中也非常简单，可以通过以下代码实现：

<input type="radio" id="radio" name="gender" value="male">
<label for="radio">Male</label>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
  const radio = $('#radio');
  if (radio.is(':checked')) {
    console.log('单选框被选中');
  } else {
    console.log('单选框未被选中');
  }
</script>

代码解释：

1. 引入 jQuery 库。

2. 使用 `$` 或 `jQuery` 函数获取单选框的 jQuery 对象。

3. 使用 `is(':checked')` 方法判断单选框是否被选中，该方法返回值为布尔类型。

注意：这里需要确保 jQuery 库已经被正确引入。

相关问题

vue3判断单选框是否选中

在 Vue 3 中，可以使用 `v-model` 指令来实现单选框的选中状态的绑定。具体来说，可以使用 `v-model` 指令将单选框的选中状态绑定到一个变量上，然后在代码中判断这个变量的值来确定单选框是否选中。

例如，可以在模板中使用以下代码来绑定一个单选框的选中状态：

<template>
  <div>
    <label>
      <input type="radio" value="option1" v-model="selectedOption"> Option 1
    </label>
    <label>
      <input type="radio" value="option2" v-model="selectedOption"> Option 2
    </label>
  </div>
</template>

其中，`v-model` 指令将单选框的选中状态绑定到 `selectedOption` 变量上。如果选中了第一个单选框，`selectedOption` 的值就会变为 `"option1"`，否则就会变为 `"option2"`。

在代码中，可以使用以下代码来判断单选框是否选中：

if (this.selectedOption === 'option1') {
  // 第一个单选框被选中了
} else {
  // 第二个单选框被选中了
}

这里使用了 `this.selectedOption` 来获取选中状态的值，然后根据这个值来进行判断。

jquery 单选框默认被选中

使用 jQuery 设置单选框的默认选中项可以通过设置 `checked` 属性来实现。例如，如果你的 HTML 代码如下：

<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>

你可以通过以下 jQuery 代码将 Male 选项设置为默认选中项：

$(document).ready(function() {
  $('input[name="gender"][value="male"]').prop('checked', true);
});

这里我们使用了 `prop()` 方法设置 `checked` 属性为 `true`。注意，我们使用了 `name` 属性来区分不同的单选框，而使用 `value` 属性来选择要设置为默认选中项的单选框。