只能選中一個復選框

Question

我正在用jquery mobile構建一個移動webapp。 現在我想做兩件事。 一件事是只能選中一個復選框。 另一件事是，當出現另一個復選框時，我不想修改我的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。 我的第一個評估函數也有問題。 但我不知道。

你可以幫幫我嗎 ？

謝謝

Answer 1

使用單選按鈕而不是復選框，並為其賦予相同的名稱。 然后根本不要使用javascript。

Answer 2

使用具有相同“名稱”屬性的單選按鈕

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

Answer 3

您在工作中使用了錯誤的東西，使用單選按鈕，這就是如何在組中使用它們：

<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

希望這會有所幫助。