Question

不确定此jquery代码有什么问题：http://jsfiddle.net/aCABM/

我想在选择“是”时将下拉菜单变灰。当选择no时，如果用户愿意，可以选择它。

Answer 1

在此处查看更新的代码

Answer 2

按单选按钮name选择元素不需要单独选择它们并使用prop代替attr，因为您正在操纵其disabled属性。试试这个。

$(function(){
    $("input[name='discount']").click(function() {
        $("#discountselection").prop("disabled", this.value == 'Yes');
    });
});

<强> Demo

在你的小提琴中几乎没有问题。

错过了包含jQuery库
您不能只使用td开始标记，而应使用table和tr元素附加标记。
在Js窗口中，你只需要放置你的js，不需要script个标签。

Answer 3

在此更新代码：

http://jsfiddle.net/aCABM/6/ enter link description here

您需要将代码包装在$(document).ready()函数中，如下所示：

$(document).ready(function() {
    $("#Yes").click(function() {
        $("#discountselection").attr("disabled", false);
        //$("#discountselection").show(); //To Show the dropdown
    });
    $("#No").click(function() {
        $("#discountselection").attr("disabled", true);
        //$("#discountselection").hide();//To hide the dropdown
    });
})

另外，你没有正确设置jsFiddle，它需要jQuery库和（document）ready（）

Answer 4

您可以使用：

$("#Yes").click(function() {
    $("#discountselection").show();
});
$("#No").click(function() {
    $("#discountselection").hide();
});

并删除disable="disable"。

祝你好运！

在单选按钮上隐藏或显示下拉框 - jQuery

4 个答案: