在兩個單選按鈕之間切換

我已經閱讀了多個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>

來源

2014-07-23 user3767481

單選按鈕需要一個名字屬性，名稱必須是該組中的按鈕中的相同。另外，你的小提琴不符合你問題中的代碼。 – j08691

不需要JavaScript。給名字的元素：

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

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

來源

2014-07-23 19:51:49

我增加了一種風格，但現在的話不符合？有沒有辦法解決這個問題呢，還是來自它自己的stlye？我在我的問題中添加了一個編輯。謝謝。 – user3767481

在兩個單選按鈕之間切換

回答

相關問題