复选框已在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.

Answer 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.

Answer 2

html:

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

javascript:

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

Answer 3

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/