2010-10-27 97 views
0

我是一個初學者。 我希望當一個複選框被選中時,它應該允許用戶在txtbox中寫入內容。最初txtbox被禁用。我應該在函數內部使用jQuery複選框屬性使用jQuery

回答

0
<input type="checkbox" id="cb" /> 
<label for="cb">label for checkbox</label> 
<input type="text" id="txt" disabled="disabled" /> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     var checkbox = $('#cb'); 
     var textfield = $('#txt'); 

     checkbox.click(function() { 
      if (checkbox.is(':checked')) { 
       textfield.removeAttr('disabled'); 
      } 
      else { 
       textfield.attr('disabled', 'disabled'); 
      } 
     }); 
    }); 
</script> 

working example with visibilty
working example with disabled-state

還寫: 因爲你是用asp.net的工作,你的任務應該是什麼樣子,比如:

var checkbox = $('#<%= this.cb.ClientID %>'); 

您應該知道服務器控件如何獲得折線或者(選擇適當的選擇器)。
另外:你也應該知道這樣一個事實,即disabled -inputs將不會發布,而readonly -inputs的處理沒有問題... ...

0
$('#mycheckbox').click(function() 
{ 
    $("#mytextbox").attr('disabled',''); 
} 
); 
+0

- ,沒有有效的xhtml – 2010-10-27 07:13:48

+0

它的早期,額外{的傾向於潛入;) – Sam 2010-10-27 07:16:25

+0

不......我正在關於'disabled'屬性,而不是關於語法錯誤... – 2010-10-27 07:18:26

0
$(document).ready(function() 
{ 
    //To Disable the Check box on page Load 
    $('#TextBox').attr('disabled', 'disabled');  

    //On Click of the Check Box 
    $('#CheckBoz').click(function() 
    { 
     if($('#CheckBoz').is(':checked')) 
     { 
      $('#TextBox').removeAttr('disabled');    
     } 
     else 
     {   
      $('#TextBox').attr('disabled', 'disabled');    
     }  
    }); 
}); 

我希望這個代碼完全適用於你你需要將它粘貼到你的頁面並根據它檢查組件名稱。