<input type="radio" value="A" name="fruit" /> <input type="radio" value="B" name="fruit" /> 上面代码，使用jquery，获取单选框选中的是什么

要使用 jQuery 获取选中的单选框的值，可以使用 `:checked` 选择器来筛选出选中的单选框，然后使用 `val()` 方法获取其值。以下是示例代码：

// 获取选中的单选框的值
var selectedValue = $('input[name="fruit"]:checked').val();

// 输出选中的值
console.log(selectedValue);

在上述代码中，我们使用 `$()` 函数选择器来获取带有 `name="fruit"` 的单选框，并使用 `:checked` 选择器筛选出选中的单选框。然后，使用 `val()` 方法获取选中的单选框的值，并将其存储在变量 `selectedValue` 中。最后，你可以通过 `console.log()` 打印出选中的值。

注意：如果没有选中的单选框，`selectedValue` 将返回 `undefined`。因此，在使用返回值之前，请确保至少有一个单选框被选中。

相关问题

优化 这段代码 <form> <p>请选择您喜欢的颜色：</p> <input type="radio" name="color" value="red"> 红色<br> <input type="radio" name="color" value="green"> 绿色<br> <input type="radio" name="color" value="blue"> 蓝色<br> <br> <p>请选择您喜欢的水果：</p> <input type="radio" name="fruit" value="apple"> 苹果<br> <input type="radio" name="fruit" value="banana"> 香蕉<br> <input type="radio" name="fruit" value="orange"> 橙子<br> <br> <input type="submit" value="提交"> </form> <script> function onHHH(e) { console.log(e); } </script>

这段代码可以进行以下优化：

1. 使用 label 标签来关联选项和文本，提高可访问性。
2. 将 input 标签的 type 属性设置为 button，避免表单默认提交行为。
3. 使用事件委托，将事件处理程序绑定到父元素上，减少事件处理程序的数量。

优化后的代码如下：

<form>
<p>请选择您喜欢的颜色：</p>
<label><input type="radio" name="color" value="red"> 红色</label><br>
<label><input type="radio" name="color" value="green"> 绿色</label><br>
<label><input type="radio" name="color" value="blue"> 蓝色</label><br><br>
<p>请选择您喜欢的水果：</p>
<label><input type="radio" name="fruit" value="apple"> 苹果</label><br>
<label><input type="radio" name="fruit" value="banana"> 香蕉</label><br>
<label><input type="radio" name="fruit" value="orange"> 橙子</label><br><br>
<input type="button" value="提交">
</form>

<script>
document.querySelector('form').addEventListener('click', function(e) {
if (e.target.tagName === 'INPUT' && e.target.type === 'button') {
console.log(e);
}
});
</script>

<div class="task-checkbox" id="ckbA" onclick="funDivCheck()" > <input type="radio" value="A" name="fruit" /> A、<span class="task-title-sp" id="xuanxiangA"> 选项1 </span> </div> 使用jQuery，获取div下面的子元素input是否选中了

使用 jQuery，你可以使用 `prop()` 方法来检查 `<input>` 元素是否被选中。下面是一个例子，演示如何获取 `<div>` 下的子元素 `<input>` 是否被选中：

var isChecked = $('#ckbA input[type="radio"]').prop('checked');

在上述代码中，`#ckbA` 是 `<div>` 元素的 ID，`input[type="radio"]` 是选择 `<div>` 下的 `<input>` 类型为 "radio" 的元素。`prop('checked')` 方法用于获取该元素的选中状态，返回一个布尔值。

如果 `isChecked` 的值为 `true`，则表示被选中；如果为 `false`，则表示未被选中。

希望这对你有所帮助！如果还有其他问题，请随时提问。