清除并禁用复选框检查时的文本框

问题描述：

我可以禁用该复选框被选中时的文本框，但我无法弄清楚如何清除文本框，如果有什么。清除并禁用复选框检查时的文本框

<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"); 
       }

'$（ “＃form_sc1”）。val（“”）'并且正确的哟而不是'$（'input.form_setchange'）。（）...应该是'$（'input＃form_setchange'）。（...' –

不起作用，我已经将它添加到现有的功能，以及完全独立的功能。 – user2168066

为什么“Kartikeya”解决方案无法正常工作！它应该工作 –

答

试试这个：

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

同样的事情，禁用但不删除文本。 – user2168066

可以请你分享你的代码吗？ –

答

您也可以尝试这个 -

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

$('#form_setchange').val('');

答

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

不提供代码解答。你应该试着更彻底地解释你的答案。 – wpercy

答

你可以试试下面的代码，一旦

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

希望它可以帮助...

答

这里试试这个

$(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/

清除并禁用复选框检查时的文本框

相关推荐