Checkbox in 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??

Your HTML is invalid. Anchors cannot contain interactive elements, including input elements. — Quentin, Jan 20 '16 at 23:08
I suspect the solution to your problem is "use a label element, not an anchor" — Quentin, Jan 20 '16 at 23:08

score 1 · Answer 1 · answered Jan 20 '16 at 23:08

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.

answered Jan 20 '16 at 23:08

Praveen Kumar Purushothaman

164,888
24
203
252

1

correct html, just doesn't answer the javascript question – Gavriel Jan 20 '16 at 23:09
1

@Gavriel Kindly remove your comment. I will add more info. – Praveen Kumar Purushothaman Jan 20 '16 at 23:10
no need, as this is a duplicate question anyway :) – Gavriel Jan 20 '16 at 23:10
Thank you for the suggestion. And, I need callFn(this.id) because I am doing some calculations at the back – User2403 Jan 20 '16 at 23:12
1

@Gavriel if you are going to mark a dup at least pick a relevant one. – Adam Buchanan Smith Jan 20 '16 at 23:13
@User2403 Yeah, you can just do that. – Praveen Kumar Purushothaman Jan 20 '16 at 23:35

Minderov · Answer 2 · 2016-09-12T03:47:43.400

0

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

Then change its property checked to true:

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

edited Sep 12 '16 at 03:47

answered Jan 20 '16 at 23:08

Minderov

521
1
5
20

2

your answer may be correct, but please add a bit more so beginners can understand what you are coming to. The community wants to help you, and we are trying are best, but we can only understand questions that make sense. Try to format your question a bit differently after you check out StackOverflow's Help Center page on how to write a good answer. – OneStig Jan 20 '16 at 23:11

score 0 · Answer 3 · answered Jan 21 '16 at 00:12

Here is simple DEMO.. hope it helps

    $("#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>

Checkbox in tag

3 Answers3