在两个单选按钮之间切换

Toggling between two radio buttons

本文关键字：单选按钮 之间 两个      更新时间：2023-09-26

我读过多个stackoverflow帖子，但似乎没有一个能帮助我理解我的错误在哪里。我试图有两个单选按钮，默认情况下长形式被选中，短形式不被选中，但如果短形式被选中，长形式不被选中。如果要取消选中短格式，那么长格式应该默认选中。

<input type="radio" id="shortForm" onChange="toggle(this);"> Short Form
<input type="radio" id="longForm" onChange="toggle(this);"> Long Form
function toggle(chkBox)
{    
    if (chkBox.checked)
    {
        var previousCheckId;
        if (previousCheckId) 
        {
            document.getElementById(previousCheckId).checked = false;
        }
        previousCheckId = chkBox.getAttribute('id');
    }
}
http://jsfiddle.net/na8qL/

我试图避免使用jquery，只是使用纯javascript和html。

我明白了，但是我的话没有正确对齐?如何使它们对齐?

<input type="radio" id="shortForm" name="frm"style="position:absolute; top:10px; right:875px"> Short Form </input>
<input type="radio" id="longForm" name="frm" style="position:absolute; top:10px; right:475px"> Long Form </input>

不需要JavaScript。给元素命名:

<input type="radio" id="shortForm" name="frm"> Short Form
<input type="radio" id="longForm" name="frm"> Long Form

JSFiddle: http://jsfiddle.net/bjyjv/

相关文章：