0

3 つのチェック ボックスがある JSP のフォームがあります。1 つのチェック ボックスをオンにすると、他の 2 つのチェック ボックスの選択が解除されます。同様に、3 つのチェック ボックスすべてについても同様です。このコードの書き方は?

4

1 に答える 1

0

これはあなたのために働くはずです:

チェックボックスを div コンテナーでラップし、ID を指定してから、次のように onchange プロパティを各チェックボックスに割り当てます。

<div id="container">
    <input type="checkbox" value="0" onchange="setValues(this)"/><label>option 1</label><br/>
    <input type="checkbox" value="1" onchange="setValues(this)"/><label>option 2</label><br/>
    <input type="checkbox" value="2" onchange="setValues(this)"/><label>option 3</label><br/>
</div>

次に、次のコードを使用します。

function setValues(elm){
    var checkboxes = document.getElementById('container').getElementsByTagName('checkbox');
    for(var i=0; i< checkboxes.length; i++)
    {
      checkboxes[i].checked = (checkboxes[i] === elm) ? true: false;
    }
}

jsfiddle

于 2013-04-15T21:58:51.420 に答える