1

jquery mobile を使用してモバイル Web アプリケーションを構築しています。今やりたいことは2つ。1 つのことは、1 つのチェックボックスしかチェックできないことです。もう1つのことは、別のチェックボックスが表示されたときに、JavaScriptを変更したくないということです。

私のhtml

<input type="checkbox" name="checkbox-zaal1" id="checkbox-1" onClick="CountChecks('checkbox-1')"/>
                    <label for="checkbox-1">Zaal 1</label>

                    <input type="checkbox" name="checkbox-zaal2" id="checkbox-2" onClick="CountChecks('checkbox-2')"/>
                      <label for="checkbox-2">Zaal 2</label>

                    <input type="checkbox" name="checkbox-zaal3" id="checkbox-3" onClick="CountChecks('checkbox-3')"/>
                    <label for="checkbox-3">Zaal 3</label>

そして私のjavascript

function CountChecks(which) {
        var maxchecked = 1;
        var count = 0;
        for (i=0;i<=3;i++){
            if(eval('document.getElementById("checkbox-"+ i).checked == true')) { count++; }
        }
        if(count > maxchecked) {
            eval('document.getElementById("' + which + '").checked = false');
            alert('Sorry je kan enkel maar 1 meeting room reserveren');
        }
    }

私のjavascriptでわかるように。私のページのチェックボックスからの量の for ループの 3 を変更したいと思います。私の最初の評価関数にも何か問題があります。しかし、私はそれを理解することはできません。

私たちを手伝ってくれますか ？

ありがとうございました

4

3 に答える 3

11

チェック ボックスの代わりにラジオ ボタンを使用し、すべて同じ名前を付けます。そして、JavaScriptをまったく使用しないでください。

于 2012-05-04T13:17:44.667 に答える
2

同じ Name 属性を持つラジオ ボタンを使用する

http://www.w3schools.com/jsref/dom_obj_radio.asp

于 2012-05-04T13:20:41.383 に答える
1

あなたは仕事に間違ったものを使用しています.ラジオボタンを使用しています.これはグループでそれらをどのように使用するかです:

<input type="radio" name="group1" value="Zaal1"> Zaal 1<br>
<input type="radio" name="group1" value="Zaal2"> Zaal 2<br>
<input type="radio" name="group1" value="Zaal3"> Zaal 3

これがお役に立てば幸いです。

于 2012-05-04T13:22:18.917 に答える