使用jQuery判断单选按钮是否被选中。

21 浏览
0 Comments

使用jQuery判断单选按钮是否被选中。

我有以下表格：

我有以下的jQuery代码：

$("#rowID input[type=text]").blur(function () {
    if ($(this).children("input:radio").is(':checked')) {
        alert("yes");
    } else {
        alert("no");
    }
});

然而，无论是否选择了单选按钮，我仍然得到警告"no"。现在我知道我可以看到单选按钮组的名称，但在某些情况下，由于GUID，我无法看到 - 从相同行的文本框的onblur事件开始，确定是否选择了单选按钮的最佳方法或方式是什么。

0

3 答案

0 Comments

问题描述：如何使用jQuery确定单选按钮是否被选中？

问题原因：在给定的代码中，使用了blur事件来执行一个函数，该函数使用了$(this)来引用文本输入框。然而，问题是代码中需要选择type为radio的单选按钮，而不是文本输入框。

解决方法：更改代码中的选择器，以便选择type为radio的单选按钮。

以下是修改后的代码：

$("#rowID input[type=radio]").blur(function () { //ect...

$(this) inside the function will refer to your radio buttons.

0
0 Comments

问题原因：使用了文本框选择器，并绑定了文本框的模糊事件，在事件处理程序中，$(this)指的是文本框本身。由于文本框没有任何子元素，所以它永远找不到任何单选按钮。

解决方法：改变选择器，选择单选按钮而不是文本框，并绑定单选按钮的模糊事件。这样，在事件处理程序中，$(this)将指向选中的单选按钮。

以下是使用jQuery判断单选按钮是否选中的解决方法：

以上代码将通过使用jQuery判断单选按钮是否选中，并在控制台输出相应的消息。

0
0 Comments

问题原因：问题出现的原因是因为$(this)指的是文本框而不是行ID。

解决方法：解决方法如下：

$("#rowID input[type=text]").blur(function () {
    var checkedRadios = $('#rowID').find('input:radio:checked');
    if (checkedRadios.length > 0) {
        alert("yes");
    } else {
        alert("no");
    }
});

以上代码会在文本框失去焦点时执行，首先通过$("#rowID input[type=text]")选择器选中所有类型为文本框的元素，并绑定blur事件。然后通过$('#rowID').find('input:radio:checked')查找行ID下被选中的单选框，将其存储在checkedRadios变量中。最后通过判断checkedRadios的长度是否大于0来确定单选框是否被选中，并通过alert弹窗显示结果。

0