Checkbox в <a href> tag

Question

This is my HTML code:

<a id="id_1" name="n_1" href="#" onclick="callFn(this.id);"> 
    <input type="checkbox" name="ck_1" id="xyz"> 
    Click Here 
</a> 

I want to check this checkbox using Javascript code. How to do it??

Answer 1

Use <label> instead of <a>.

<label id="id_1" onclick="callFn(this.id);"> 
    <input type="checkbox" name="ck_1" id="xyz"> 
    Click Here 
</labek> 

This is the use of <label> tag. And moreover, you don't need callFn(this.id); at all.

Answer 2

Get the element using its ID:document.getElementById("xyz")

Then change its property checked to true:

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

Answer 3

Here is simple DEMO .. надеюсь, что это помогает

$("#check").click(function() { 
     var checkBoxes = $("#xyz"); 
     checkBoxes.attr("checked", !checkBoxes.attr("checked")); 
    }); 

<label id="id_1" onclick="callFn(this.id);" for="xyz"> 
    <input type="checkbox" name="ck_1" id="xyz"> 
    Click Here 
</labek> 
<br/> 
<button id="check">By button</button>