Как для всех тегов input с заданным атрибутом выставить, например, атрибут checked=false?

Question

[sitev_ru]

Вставил теги input type="radio" со своим атрибутом data-group:

<input type="radio" id="id1" data-group="group1">
<input type="radio" id="id2" data-group="group1"><br>
<input type="radio" id="id3" data-group="group2">
<input type="radio" id="id4" data-group="group2"><br>

Как у всех элементов input type="radio", у которых data-group равен "group1", установить checked=false?

Answer 1

[Андрей Мохов]

$('input[type=radio][data-group=group1]').prop('checked', false);

Comments

[sitev_ru]

Вроде тут нет проверки, что data-group равен "group1", для data-group = "group2" не надо выполнять никаких действий

[Андрей Мохов]

sitev_ru: код не верный :( сейчас поколдую

[Андрей Мохов]

sitev_ru: тьфу блин... всё правильно
по умолчанию флажок не ставиться на radio и checkbox, если нужны галочки на каких-то элементах, то их следует явно прописать, например так:

<input type="radio" id="id1" data-group="group1" />
<input type="radio" id="id2" data-group="group1" /><br />
<input type="radio" id="id3" data-group="group2" checked="checked" />
<input type="radio" id="id4" data-group="group2"checked="checked" /><br />

Answer 2

[AG15]

stackoverflow.com/questions/2487747/selecting-elem...
stackoverflow.com/questions/9499998/jquery-select-...

Answer 3

[Сергей]

$(document).ready(function(){
     $('.input-class-or-id').prop( "checked", false );
});

Answer 4

[swcalc]

с JQuery лучше, конечно, но можно и так, не тестировал, писал на ходу, может какой символ упустил)

var el=document.getElementsByTagName('input');

for (i=0; i<=el.length; i++) {
    if (el[i].getAttribute('type')=='radio' && el[i].getAttribute('data-group')=='group1') {
        el[i].setAttribute('checked', false);
    }
}