JQuery 选择一个单选按钮（onclick）

Question

20 浏览2023年2月22日

匿名的 2023年2月23日

0 Comments

我有一个使用jQuery的函数，当点击图片时更新一个表单。

我需要添加到该函数中，以便选择指定的单选按钮。

请问如何使用jQuery选择单选按钮？

更新：

我将进一步解释...我叠加了一个图片并隐藏了单选按钮...所以当用户点击图片时，它将选中已选择的单选按钮。

每个单选按钮的样式如下：

有4个单选按钮...四个不同的图片可以点击。

希望这可以帮助到您。

0

2 答案

匿名的 · Answer 1 · 2023-09-18T20:48:25+00:00

问题：JQuery选择单选按钮（onclick）的问题出现的原因及解决方法

有时候我们需要在点击图片时选择与之相关联的单选按钮。然而，如果单选按钮与图片位于同一个父元素中，我们需要找到一种方法来实现这个功能。

出现的原因是因为通过JQuery选择器无法直接选择与点击的图片相关联的单选按钮。然而，我们可以使用一种简单的解决方法来解决这个问题。

解决方法是在处理图片点击事件的函数中使用以下代码：

$(this).parent().find(":radio").attr('checked', true);

上述代码的作用是选择点击图片的父元素，并在该父元素中查找所有的单选按钮。然后，使用attr()方法将其选中状态设置为true，从而实现了选择与图片相关联的单选按钮的功能。

通过以上解决方法，我们可以轻松地实现在点击图片时选择与之相关联的单选按钮的功能。

匿名的 · Answer 2 · 2023-06-10T12:33:56+00:00

问题的原因是用户想要使用jQuery选择一个单选按钮，但是不知道如何获取选中的单选按钮。解决方法是使用attr方法来选择单选按钮，并将checked属性设置为true。然而，如果有多个单选按钮，就不能直接使用id来选择，因为只有一个单选按钮可以被选中，而不知道应该选择哪一个。解决方法是给其中一个单选按钮设置id，然后使用$('#radio-id')来选择该单选按钮。如果想要选择其他单选按钮，可以使用$('#radio-id.eq(index)')，其中index是要选择的单选按钮的索引值。如果只想要选择被选中的单选按钮，可以省略index参数。