読者です 読者をやめる 読者になる 読者になる

小さい頃はエラ呼吸

いつのまにやら肺で呼吸をしています。


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

JavaScript
はじめに

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

フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus)
斉藤 祐也 石本 光司 加藤 賢一 水野 隼登 谷 拓樹 泉水 翔吾 原 一成 平木 聡 佐藤 歩 杉本吉章
技術評論社
売り上げランキング: 4,011

チェックを入れる
$("#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="チェックをはずす">