Checkbox checked in javascript/jquery

Question

Here is my HTML part:

 <input type="radio" name="checkbox_1"  id="checkbox_1" value="john" emp-id="john">
 <input type="radio" name="checkbox_1"  id="checkbox_2" value="john" emp-id="jim">
 <input type="radio" name="checkbox_1"  id="checkbox_3" value="john" emp-id="sam">
 <input type="radio" name="checkbox_1"  id="checkbox_4" value="john" emp-id="George">

I want to compare value and emp-id and if it is true, i need the checkbox to be checked so that checkbox will be displayed in the frontend as checked.

A. Wolff · Accepted Answer · 2014-02-22 12:09:17Z

1

You could filter radios:

$(':radio').filter(function(){
   return $(this).attr("emp-id") === this.value
}).prop('checked', true);

Wrap it inside document ready handler if needed.

answered Feb 22, 2014 at 12:09

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

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

Comments

Kevin Bowersox · Accepted Answer · 2014-02-22 12:20:41Z

0

First change the HTML to use checkboxes:

HTML

<input type="checkbox" name="checkbox_1"  id="checkbox_1" value="john" emp-id="john">
<input type="checkbox" name="checkbox_1"  id="checkbox_2" value="john" emp-id="jim">
<input type="checkbox" name="checkbox_1"  id="checkbox_3" value="john" emp-id="sam">
<input type="checkbox" name="checkbox_1"  id="checkbox_4" value="john" emp-id="George">

Javascript

$(document).ready(function(){
    $("input[name='checkbox_1']").each(function(i,e){
       var el = $(this);
        this.checked = el.attr("emp-id") == el.val();
    });
});

JS Fiddle: http://jsfiddle.net/MFpUQ/3/

edited Feb 22, 2014 at 12:20

answered Feb 22, 2014 at 12:06

Kevin Bowersox

94.6k19 gold badges164 silver badges198 bronze badges

4 Comments

user3340300 Over a year ago

I want to load on the page initially not when clicked on the checkbox

user3340300 Over a year ago

I want the checkbox to be checked when i visit the page itself..Now, when i click on the particular button it shows checked..but i need without the clicking..\

user3340300 Over a year ago

thanks..it worked. I need to know whether we can make this to work in select option so that if it is true the select option will display it automatically..

user3340300 Over a year ago

Here is the fiddleof what i need jsfiddle.net/STk7k . I want to compare the emp-id and value. It it is true i need the answer to be shown on select option automatically.

uyitalk · Accepted Answer · 2014-02-22 12:13:24Z

0

html:

<input type="radio" ... checked>

javascript:

document.getElementById("checkbox_3").checked=true;

edited Feb 22, 2014 at 12:13

answered Feb 22, 2014 at 12:06

uyitalk

513 bronze badges

Collectives™ on Stack Overflow

Checkbox checked in javascript/jquery

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related