当选择一个时，输入表单禁用

问题描述：

我有一个简单的表单。 2个输入和3个单选按钮。当选择一个时，输入表单禁用

我需要做这样的事情：

当我第一次输入点击（并开始键入）第二输入和radio`s得到禁止，当我在电台投入单击禁用。还有一个。

我的形式：

<form method="get"> 
       <div class="singleTableForm"> 
        <label style="width: 95px; line-height: 25px;">Who:</label> 
        <div style="float:left;margin-right:10px;"> 
         <input name="filter_task_who" value="{{ taskWho }}" id="filter_task_date" style="width: 60px;"> 
        </div> 
        <label style="width: 90px; line-height: 25px;">Task ID:</label> 
        <div style="float:left;margin-right:10px;"> 
         <input name="filter_task_id" value="{{ taskId }}" id="filter_task_date" style="width: 100px;"> 
        </div> 
        <label style="width: 50px; line-height: 25px;">Priority:</label> 
        <div > 
       <div style="float:left;"><input {% if filter_enabled=="Filtruj" and taskPriority==2%}checked="checked"{% endif %} style="float:left;margin-top: 5px;" type="radio" name="filter_task_priority" id="filter_task_date" value="2"><label style="width: 45px; line-height: 25px;">High</label></div> 
       <div style="float:left;"><input {% if filter_enabled=="Filtruj" and taskPriority==1%}checked="checked"{% endif %} style="float:left;margin-top: 5px;" type="radio" name="filter_task_priority" id="filter_task_date" value="1"><label style="width: 45px; line-height: 25px;">Medium</label></div> 
       <div style="float:left;"><input {% if taskPriority != null %}{% if filter_enabled=="Filtruj" and taskPriority==0%}checked="checked"{% endif %}{% endif %} style="float:left;margin-top: 5px;" type="radio" name="filter_task_priority" id="filter_task_date" value="0"><label style="width: 45px; line-height: 25px;">LOW</label></div> 
        </div> 
        <div style="float: left;width:90px; " > 
        <a style="float: left;margin-left: 2px;padding-left: 6px;padding-right: 6px;padding-top: 1px;padding-bottom: 1px;" type="submit" href="{{path('admin_tasks')}}" class="button">Reset</a> 
        <input style="float: left;" type="submit" name="filter_enabled" class="button" value="Filtruj" /> 
       </div> 
       </div> 


      </form>

想要禁用第一个输入点击第二个输入和单选按钮？ –

我不明白。 –

你需要这样做很好，但你有什么尝试？ – EternalHour

答

使用focus和focusout事件和disabled的属性更改为true或false：

$("#filter_task_date1").focus(function(){ 
    $("#filter_task_date2").prop('disabled', true); 
    $("#filter_task_date3").prop('disabled', true); 
    $("#filter_task_date4").prop('disabled', true); 
    $("#filter_task_date5").prop('disabled', true); 
});

我也用数字改变了组件ID最后：http://jsfiddle.net/aqbp1e9o/

这是非常感谢！ – Cre3k

答

试试：

$('.form1').find(':input').prop('disabled', true);*/ 
$('.form2').fadeTo("slow", 0.20);

当选择一个时，输入表单禁用

相关推荐