Question

我已经阅读了多个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>

Answer 1

不需要JavaScript。为元素命名：

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

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

在两个单选按钮之间切换

1 个答案: