2016-03-07 77 views
0

我可以禁用該複選框被選中時的文本框,但我無法弄清楚如何清除文本框,如果有什麼。清除並禁用複選框檢查時的文本框

<input type="text" id="form_sc1"/> 
    <input type="checkbox" id="form_setchange"/> 

JQuery的

   $(document).ready(function(){ 
       if($('input.form_setchange').is(':checked')){ 
         $("#form_sc1").attr("disabled", "disabled"); 
       } 
+2

'$( 「#form_sc1」)。val(「」)'並且正確的喲而不是'$('input.form_setchange')。()...應該是'$('input#form_setchange')。(...' –

+0

不起作用,我已經將它添加到現有的功能,以及完全獨立的功能。 – user2168066

+1

爲什麼「Kartikeya」解決方案無法正常工作!它應該工作 –

回答

0

試試這個:

$('input:checkbox').on('click', function(){ 
    $('input:text').prop('disbaled', 'disabled'); 
    $('input:text').val(''); 
}); 
+0

同樣的事情,禁用但不刪除文本。 – user2168066

+0

可以請你分享你的代碼嗎? –

0

您也可以嘗試這個 -

$('#form_setchange').attr("value", ""); 

OR

$('#form_setchange').val(''); 
0
if($('input.form_setchange').is(':checked')){ 
    $("#form_sc1").prop("disabled", true).val(''); 
} 
+0

不提供代碼解答。你應該試着更徹底地解釋你的答案。 – wpercy

0

你可以試試下面的代碼,一旦

$('#form_setchange').change(function() { 
    var $check = $(this); 
    if ($check.prop('checked')) { 
    $("#form_sc1").val(''); 
    $("#form_sc1").attr("disabled", "disabled"); 
    } else { 
    $("#form_sc1").removeAttr("disabled"); 
    } 
}); 

希望它可以幫助...

1

這裏試試這個

$(document).ready(function(){ 
    $('input:checkbox').on('click', function(){ 
     if($('input:checkbox').is(':checked')){ 
     $('input:text').prop('disabled', 'disabled'); 
     $('input:text').val(''); 
     } 
     else{ 
     $('input:text').prop('disabled', false); 
     } 
    }); 
}); 

工作的jsfiddle https://jsfiddle.net/86Lv2urz/1/

相關問題