Set checkbox to be checked if input value =

Question

I have an input and a checkbox. I have managed to change the value in the input on clicking the checkbox, and un clicking etc which works fine.

I'm looking to auto set the checkbox to be checked on page load only if the input value = yes, as this input value is being loaded dynamically via php and may not be yes.

HTML

<input type="text" value = "yes" id ="inputId">
<input type="checkbox" id = "yourCheckboxId">

JQUERY

$('#yourCheckboxId').click(function() {
        if ($('#yourCheckboxId').is(':checked')){
             $('#inputId').val('yes');
        }    
        if (!$('#yourCheckboxId').is(':checked')){
             $('#inputId').val('no');
        }     
});

You'll notice that even though the value in the input is set to yes, on page load, the checkbox isn't checked. This is what I have so far, see jsfiddle here: http://jsfiddle.net/0z9agrw8/1/

Thanks

Possible duplicate. Definitely along the same logic lines: stackoverflow.com/questions/47576449/… — Taplar
– Taplar, Commented Nov 30, 2017 at 21:17
In PHP, you just need to add the "checked" prop to your checkbox input if the input value is yes. — Justin Heath
– Justin Heath, Commented Nov 30, 2017 at 21:24

edkeveked · Accepted Answer · 2017-11-30 21:20:17Z

5

var input = $('#inputId').val()

if(input === "yes"){
  $("#yourCheckboxId").prop('checked', true);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value = "yes" id ="inputId">
<input type="checkbox" id = "yourCheckboxId">

answered Nov 30, 2017 at 21:20

edkeveked

18.4k10 gold badges60 silver badges95 bronze badges

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

Comments

ewizard · Accepted Answer · 2017-11-30 21:22:23Z

1

Do this on page load:

if($('#inputId').val() == 'yes') { 
    $('#yourCheckboxId').prop('checked', true);
}

edited Nov 30, 2017 at 21:22

answered Nov 30, 2017 at 21:20

ewizard

2,8924 gold badges56 silver badges113 bronze badges

Comments

Teddy Ward · Accepted Answer · 2017-11-30 21:27:20Z

0

If you always want it to be checked on page load, you can simply add the "checked" attribute

eg

<input type="checkbox" id = "yourCheckboxId" checked>

If it's more complicated than that, the other answers will work nicely

answered Nov 30, 2017 at 21:27

Teddy Ward

4503 silver badges17 bronze badges

Collectives™ on Stack Overflow

Set checkbox to be checked if input value =

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related