2008年10月10日金曜日

jQueryでチェックボックスの扱い

スズキです。

こんなHTMLに対して、
--------
<ul>
  <li><input type="checkbox" value="1"/>チェック1</li>
  <li><input type="checkbox" value="2"/>チェック2</li>
  <li><input type="checkbox" value="3"/>チェック3</li>
</ul>
--------

▼チェックされた最初項目の値を取得する場合
$("input:checkbox:checked").eq(0).val()

▼valueが3の項目をチェックにする場合
$("input:checkbox[value='3']").attr("checked", true)

と、操作することができます。

jQueryはセレクタどれだけ使えるか?、だなー。

--
http://suz-lab.blogspot.com/

0 コメント: