clear and disable textbox when checkbox checked

Question

I can disable the textbox when the checkbox is selected, but I can't figure out how to clear the textbox if anything is in it.

  <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("") and correct your selector instead of $('input.form_setchange').is(... it should be $('input#form_setchange').is(... — Kartikeya Khosla
– Kartikeya Khosla, Commented Mar 7, 2016 at 9:04
doesn't work, i have added it to the existing function, and an entirely separate one. — user2168066
– user2168066, Commented Mar 7, 2016 at 9:05
sometimes attr will not work try prop instead $("#form_sc1").prop("value", ""); — Anonymous Duck
– Anonymous Duck, Commented Mar 7, 2016 at 9:08
If i just set the value = ' ', it disables the textbox. Still won't remove the text. — user2168066
– user2168066, Commented Mar 7, 2016 at 9:12

user1846747 · Accepted Answer · 2016-03-07 09:43:33Z

1

Try this

$(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);
      }
  });
});

Working JSFiddle here https://jsfiddle.net/86Lv2urz/1/

answered Mar 7, 2016 at 9:43

user1846747

Sign up to request clarification or add additional context in comments.

Comments

Gaurav Aggarwal · Accepted Answer · 2016-03-07 09:12:54Z

0

try this:

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

answered Mar 7, 2016 at 9:12

Gaurav Aggarwal

10.2k8 gold badges42 silver badges76 bronze badges

1 Comment

user2168066 Over a year ago

Same thing, disables but does not remove the text.

Vipul · Accepted Answer · 2016-03-07 09:18:10Z

0

You can also try this-

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

OR

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

answered Mar 7, 2016 at 9:18

Vipul

9317 silver badges16 bronze badges

Comments

rmondesilva · Accepted Answer · 2016-03-07 09:21:55Z

0

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

answered Mar 7, 2016 at 9:21

rmondesilva

1,7923 gold badges18 silver badges32 bronze badges

1 Comment

wpercy Over a year ago

Code-only answers are discouraged. You should try to explain your answer a little more thoroughly.

getty · Accepted Answer · 2016-03-07 09:31:06Z

0

Can you try below code once

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

Hope it may helps...

answered Mar 7, 2016 at 9:31

getty

13511 bronze badges

Collectives™ on Stack Overflow

clear and disable textbox when checkbox checked

5 Answers 5

Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related