HTMLの質問です。レ点をつけるチェックボックスを作りました。クリアというボタンを押すとチェックが全部外れるようにしたいのですが、どうしたらよいでしょうか?ソースを教えてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/04/06 23:09:34
  • 終了:--

回答(2件)

id:horosuke No.1

horosuke回答回数100ベストアンサー獲得回数02005/04/06 23:29:19

ポイント20pt

http://www.hatena.ne.jp/ダミーです:detail]

ボタン群の中に


<INPUT TYPE=”button” value=”初期化” onClick=”javascript:location.reload()”>


というものを1つ用意しておけば、このボタンでページのリロードをかけて、チェック内容の初期化が可能です。

その他の入力内容もろとも一切をクリアしますので、用途次第では希望に添えません。


<A HREF=”javascript:location.reload()”>初期化</a>

でも、同様の作用があります。(こちらはボタンにはなりません)


javascriptでループを回してuncheck状態にもっていく方法もありますが、とりあえずこちらをおすすめします。(簡単だし)

id:mastiv

ありがとうございます。

次の回答も見てみます

2005/04/06 23:37:38
id:astral_box No.2

astral_box回答回数372ベストアンサー獲得回数02005/04/06 23:32:27

ポイント30pt

http://www2.ipcku.kansai-u.ac.jp/~hkyoji/javascript/javano6.htm

第6回 ラジオボタンを使った入出力

リセットボタンというみたいです。

id:mastiv

ありがとうございます。

試してみます。

2005/04/06 23:41:04
  • id:horosuke
    ラジオボタン、またはボタンによるクリアのサンプル

    締め切られていましたか、サンプルを作ってみましたので、折角ですからあげときます。

    <html>
    <title>SAPMLE</title>
    <script language=”javascript1.2”><!--
    var i;
    var cnt;
    var max;
    var array = new Array();

    function checkOption(charSelect){
    array = charSelect.split(”,”);
    cnt = array.length;
    max = document.selectItems.length;
    for(i=0;i<max;i++){
    document.selectItems.elements[i].checked=false;
    }
    for(i=0;i<cnt;i++){
    document.selectItems.elements[array[i]].checked = true;
    }
    }

    function uncheck(){
    for(i=0;i<cnt;i++){
    document.selectItems.elements[array[i]].checked = false;
    }
    }
    //--></script>
    <body bgcolor=#E0E0E0><!--center-->
    <div style=’margin-left:100pt;margin-right:100pt;’>
    <div style=’bgcolor:#D0F0D0’>
    <font size=+2 color=black>任意の選択</font>


    <form name=”myForm”>
    <div style=’background:#D0F0D0’>
    <input type=”radio” name=”select1” value=”S1” onclick=”checkOption(’0’)”>第一だけ

    <input type=”radio” name=”select1” value=”S2” onclick=”checkOption(’0,1,2,3’)”>全部選択

    <input type=”radio” name=”select1” value=”S0” onclick=”uncheck()”>選択をリセット

    </div>


    <div style=’background:#D0F0F0’>

    <input type=”button” name=”select2” value=”第一だけ” onclick=”checkOption(’0’)”>&nbsp;
    <input type=”button” name=”select2” value=”全部選択” onclick=”checkOption(’0,1,2,3’)”>&nbsp;
    <input type=”button” name=”select2” value=”リセット” onclick=”uncheck()”>


    </div>
    </form>




    <div style=’background:#F0D0F0’>
    <form name=”selectItems”>

    <input nane=”option0” type=”checkbox”>第一選択肢&nbsp;&nbsp;
    <input nane=”option1” type=”checkbox”>第二選択肢&nbsp;&nbsp;
    <input nane=”option2” type=”checkbox”>第三選択肢&nbsp;&nbsp;
    <input nane=”option3” type=”checkbox”>第四選択肢


    </form>
    </div>
    </div>

    <A href=”javascript:location.reload()”>リロード</a>
    </center>
    </body>
    </html>
  • id:mastiv
    re;

    horosukeさんどうもありがとうございました。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません