jQuery to disable dropdown on checkbox click AND insert TRUE/FALSE value

Question

I am using this code to disable a dropdown when user clicks on a checkbox

function onCheckChange() {
  if ($("#all_day_checkbox").is(':checked'))
    $("#evt_time_drop").attr('disabled', 'disabled');
  else
    $("#evt_time_drop").removeAttr('disabled');
}

$("#all_day_checkbox").click(onCheckChange).change(onCheckChange);

This works fine. But I would like to add an instruction to inject a true or false value to the checkbox so this can be stored in the database.

Unfortunately this doesn't work:

function onCheckChange() {
  if ($("#all_day_checkbox").is(':checked'))
    $("#evt_time_drop").attr('disabled', 'disabled');
    $("#all_day_checkbox").val("TRUE");
  else
    $("#evt_time_drop").removeAttr('disabled');
    $("#all_day_checkbox").val("FALSE");
}

$("#all_day_checkbox").click(onCheckChange).change(onCheckChange);

Anyone have suggestions to get to work?

Thanks for your help!

thecodeparadox · Accepted Answer · 2011-05-04 03:38:16Z

2

Try this snippet:

$("#all_day_checkbox").val("FALSE");//For initially make the `checkbox` value FALSE

function onCheckChange() {
    if ($("#all_day_checkbox").is(':checked')) {
        $("#evt_time_drop").attr('disabled', 'disabled');
        $("#all_day_checkbox").val("TRUE");
    } else {
        $("#evt_time_drop").removeAttr('disabled');
    }
}
$("#all_day_checkbox").click(onCheckChange).change(onCheckChange);

answered May 4, 2011 at 3:38

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

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

1 Comment

pepe Over a year ago

thanks @abdullah - this works nicely - still need to put $("#all_day_checkbox").val("FALSE"); inside the else or this will work only for one click on the checkbox

Thomas Shields · Accepted Answer · 2011-05-04 03:23:04Z

2

What about

$("#all_day_checkbox").attr("checked", "") //for removing the check
$("#all_day_checkbox").attr("checked","checked") //for checking the box

And then just checking to see if the "checked" value equals "checked"...

answered May 4, 2011 at 3:23

Thomas Shields

8,9235 gold badges45 silver badges80 bronze badges

1 Comment

pepe Over a year ago

thanks @thomas - where should I insert your lines? i tried substituting lines 4 and 7 of my second code block in OP but didn't work

Alfred · Accepted Answer · 2012-08-17 15:50:56Z

0

function onCheckChange() {  
if ($("#all_day_checkbox").is(':checked')){
    $("#evt_time_drop").attr('disabled', 'disabled');    
    $("#all_day_checkbox").val("TRUE");   
}
else  
{  
    $("#evt_time_drop").removeAttr('disabled');  
    $("#all_day_checkbox").val("FALSE"); 
} 
}

edited Aug 17, 2012 at 15:50

Alfred

21.5k64 gold badges175 silver badges258 bronze badges

answered May 4, 2011 at 3:36

Irving

1

Collectives™ on Stack Overflow

jQuery to disable dropdown on checkbox click AND insert TRUE/FALSE value

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related