掲示板/JavaScript質問板/過去ログ/一覧/ チェックボックスの制御

0 名前：匿名： 2007/04/13（金） 10:57 ID:rE6Z/9aB sub-Bq: 　初めてご質問させて頂きます。
チェックボックスが4つあって、それぞれ「すべて・イチゴ・ブドウ・ミカン」と
名前がついています。"すべて"が選択されたら"イチゴ・ブドウ・ミカン"にチェックが付いていたら
チェックを外し、"イチゴ・ブドウ・ミカン"が選択されたら"すべて"にチェックが付いていたら
チェックを外すというのをJavaScriptでやりたいのですが、ご教授お願い致します。

1 名前： NullPo ： 2007/04/13（金） 10:57 ID:w8ixfYfc sub-.G

<script type="text/javascript">

function checkKudamono(thisElement) {
  var all = document.getElementById("all");
  var ichigo = document.getElementById("ichigo");
  var budo = document.getElementById("budo");
  var mikan = document.getElementById("mikan");

  if(all.checked && all == thisElement) {
    ichigo.checked = false;
    budo.checked = false;
    mikan.checked = false;
  }

  if(all.checked && ichigo.checked && budo.checked && mikan.checked && all != thisElement)
    all.checked = false;
}

</script>

<input type="checkbox" id="all" onclick="checkKudamono(this)">すべて
<input type="checkbox" id="ichigo" onclick="checkKudamono(this)">いちご
<input type="checkbox" id="budo" onclick="checkKudamono(this)">ぶどう
<input type="checkbox" id="mikan" onclick="checkKudamono(this)">みかん

2 名前：匿名： 2007/04/13（金） 10:57 ID:rE6Z/9aB sub-Bq: >NullPoさん

　ありがとうございました。丁寧な回答感謝致します。