如何將復選框和單選按鈕與按鈕鏈接以在JavaScript中打開頁面？

Question

如何將復選框和單選按鈕與按鈕鏈接以在JavaScript中打開頁面？

例如：選擇“一個”復選框和單選框，然后單擊按鈕以打開頁面。這個想法包括所有人：選擇“一個”復選框和單選框，然后單擊按鈕以打開默認頁面。

無線電：

0級1

0 2級

0級3

復選框：

[]加法

[]部門

[]乘法

[]減法

{button}

我有這段代碼... {僅收音機有效} ....我不知道如何通過復選框連接收音機。

在此處輸入鏈接說明

Answer 1

如果檢查單選或復選框是否選中，這很簡單。 您可以使用自己的方法來遍歷它們（也許通過使它們成為所有類並一個接一個地檢查然后返回被檢查的那些？）。 但是被checked返回其檢查狀態的布爾值。

if(document.getElementByID('Level 1').checked){
    //do stuff here
}

Answer 2

大衛·托馬斯（David Thomas）提出了一個很好的觀點，第二組也許不應該是復選框，而應該是單選按鈕。 您應該能夠在第二組中選擇多個選項似乎並不合邏輯。

無論如何，我會聽取點擊並根據用戶交互來更改鏈接。

設置鏈接以能夠修改：

<a id="next-link" href="#">Link to Next Page</a>

應用偵聽器和函數來動態更改鏈接：

function changeLink(){
    document.getElementByID('next-link').setAttribute('href') = "/"+goto_link_level+"/"+goto_link_category;
}

//you can specify defaults here too
var goto_link_level = '';
var goto_link_category = '';

//event listeners for groups
document.getElementsByClassName('group-1').addEventListener('click',function () {
    goto_link_level = this.getAttribute('value');
    changeLink();
},false);
document.getElementsByClassName('group-2').addEventListener('click',function () {
    goto_link_category = this.getAttribute('value');
    changeLink();
},false);

這將基於所選選項的值生成一個相對鏈接。 示例：“ / level-1 / addition”

免責聲明：代碼未經測試，但可以正常工作