mardi 20 octobre 2015

Tick checkbox via javascript console by lable names

I would like to check boxes via javascript.

The thing is I have a task to check more then 300 checkboxes whith specific names.

I can check one box, or check all boxes... but how to check specific boxes?

Here is an example:

<li id="s1" class="city-select">
    <input name="rid" id="r1" value="1" type="checkbox">
    <label for="r1" id="l1">Paris</label>
</li>
<li id="s1" class="city-select">
    <input name="rid" id="r2" value="2" type="checkbox">
    <label for="r2" id="l2">Plovdiv</label>
</li>
<li id="s1" class="city-select">
    <input name="rid" id="r3" value="3" type="checkbox">
    <label for="r3" id="l3">Berlin</label>
</li>

I would like to tick only "Berlin" and "Paris" - here is what I'm using to tick all:

[].forEach.call(document.querySelectorAll('input[type="checkbox"]'),function(el){el.checked=true});

And here is what am I trying to type:

$("lable:contains('paris, berlin')").prev().find('input').addAttr("checked");




Aucun commentaire:

Enregistrer un commentaire