Question

我有一个带有两个单选按钮的表单：“是”和“否”。如果选择“是”，则用户从两个下拉菜单中选择他们想要的内容。如果用户选择“否”，则表单的JavaScript将使两个下拉菜单变灰。

我的jQuery代码如下所示。我补充说：

if(!$("#discount").prop("disabled") && $("#colour1, #shade1").val() == 'please select'){
    //alert('Please select');
}

但它不起作用。

两个单选按钮的“name属性都设置为discount。下拉菜单“id属性为#colour1和#shade1。

每个下拉列表的第一个值是“请选择”：

 $( function(){
        $("input[name='discount']").click(function() {
            $("#colour1, #shade1")
            .prop("disabled", this.value == 'No');
            if(!$("#discount").prop("disabled") && $("#colour1, #shade1").val() == 'please select'){ //alert('Please select'); }. 
        }).click();

    });

Answer 1

试试这个。

$( function(){
    $("input[name='discount']").click(function() {
        var isDisabled = (this.value == 'No');
        $("#colour1, #shade1").prop("disabled", isDisabled);

        if(!isDisabled){
             //Please select option is selected
             if($("#colour1")[0].selectedIndex == 0){
                 alert('Please select color');
             }
             //Please select option is selected
             if($("#shade11")[0].selectedIndex == 0){
                 alert('Please select shade');
             }
        }

    });
});

如果在关联的单选按钮上未选择任何值，则会发生下拉确认错误

1 个答案: