需要一个jQuery解决方案。当选择某个项目时，如何禁用特定项目。

20 浏览
0 Comments

需要一个jQuery解决方案。当选择某个项目时，如何禁用特定项目。

我正在处理一个表单，当选择特定选项时，需要禁用一些选项。我是jQuery的初学者，需要帮助。谢谢。\n这是链接\nhttp://thectiweb.com/booknow_new/\n我需要做的是，当我们从表单的第一行选择第一个选项时，需要禁用第二行选项中的一些选项。\n这是我的HTML。请用Jquery帮助我\nHTML\n


        
第一步：选择您的服务*

        
        
        
            
卧室数量

\n这是我到目前为止尝试过的\n

$(document).ready(function() { 
    $(".service").children('input').hide(); 
    $(".service").change(function() {
        $(".beds").children('input').hide(); 
        $(".beds").children("input[value^=" + $(this).val() + "]").show() 
    }) 
})

0

2 答案

0 Comments

需要一个jquery解决方案。当选择一个项目时如何禁用特定的项目。

问题原因：

该问题的出现是因为需要根据用户的选择来禁用其他项目。在这种情况下，当选择了一个项目时，需要禁用另一个项目。

解决方法：

下面的代码片段是一个jquery解决方案，可以根据选择的项目来禁用其他项目。

var checkedId = $('form input[type=radio]:checked').attr('id'); //获取第一组中选中的单选按钮的id
if(checkedId == 'proc1'){
    $('#beds1').prop('disabled', true); //禁用第二组中的单选按钮
}

以上代码首先通过`$('form input[type=radio]:checked').attr('id')`获取了第一组中选中的单选按钮的id。然后使用条件语句`if`来检查选中的按钮是否是"proc1"。如果是，就使用`$('#beds1').prop('disabled', true)`来禁用第二组中的单选按钮。

这样的解决方案可以根据选择的项目来禁用其他项目，实现了需要的功能。

0
0 Comments

需要一个jQuery的解决方法。当选择一个项目时，如何禁用某些项目。解决方法如下：

$('input[name=proc]').click(function(){
    $('input[name=beds]').prop('disabled', false);
    if($(this).is('#proc1')){
        $('#beds1, #beds3').prop('disabled', true); //禁用beds1和beds3
    } else if ($(this).is('#proc2')) {
        //禁用proc2的其他按钮
    } else {
        //禁用proc3的其他按钮
    }
});

希望能帮到你。

0