當選擇一個時，輸入表單禁用

我有一個簡單的表單。 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>

來源

2014-11-17 Cre3k

想要禁用第一個輸入點擊第二個輸入和單選按鈕？ –

我不明白。 –

你需要這樣做很好，但你有什麼嘗試？ – 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/

來源

2014-11-17 07:57:29

這是非常感謝！ – Cre3k

試試：

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

來源

2014-11-17 08:06:35 Dinesh

當選擇一個時，輸入表單禁用

回答

相關問題