jQueryでチェックボックスのON／OFFを切り替える

はじめに

jQqueryを使ってチェックボックスにチェックをいれたり、逆にチェックを外したりするサンプルコードです。

フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus)

posted with amazlet at 14.08.29

斉藤 祐也 石本 光司 加藤 賢一 水野 隼登 谷 拓樹 泉水 翔吾 原 一成 平木 聡 佐藤 歩 杉本吉章
技術評論社
売り上げランキング: 4,011

Amazon.co.jpで詳細を見る

チェックを入れる

$("#check1").prop("checked", true);

チェックを外す

$("#check1").prop("checked", false);

サンプルコード

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script>
function checkOn1(){
  $("#check1").prop("checked", true);
}
function checkOff(){
  $("#check1").prop("checked", false);
}</script>
<input type="checkbox" id="check1" value="check1">サンプル
<input type="button" onclick="checkOn1();" value="チェックをつける">
<input type="button" onclick="checkOff();" value="チェックをはずす">