DOMを操作するときのjQueryとかのやりかた

js-dom.md

チェックボックスがチェックされているか。

DOM

document.getElementById('id').checked

jQuery

$('#id').is(":checked");

チェックボックスを設定

DOM

document.getElementById('id').checked = true

jQuery

$('#id').attr("checked", true);
より
$('#id').prop("checked", true);

プルダウンの選択されている値を取得

DOM

var i = document.getElementById('id').selectedIndex;
var value = document.getElementById('id').options[i].value;

jQuery

$('#id').val()

プルダウンの選択されている表示名

jQuery

$('#id').children(':selected').html()

ラジオボタンに値を設定する

DOM

document.getElementsByName("name")[1].checked = true

jQuery

$('#form_' + id).val([val]);

ラジオボタンで選択されている値

jQuery

$('input[name="kind"]:checked').val()

DOM

Array.apply(null, document.getElementsByName("name")).reduce(function(r, e){
  return e.checked ? e.value : (typeof r == "string" ? r : (r && r.checked ? r.value : null));
}) // => string or null