0

如何将复选框和单选与按钮链接以在 JavaScript 中打开页面？

例如：选择“一个”复选框和单选然后单击按钮打开页面。这个想法包括每个人：选择“一个”复选框和单选然后单击按钮打开不同的页面。

收音机：

0 1 级

0 2 级

0 3 级

复选框：

[ ] 添加

[ ] 分配

[ ] 乘法

[ ] 减法

{按钮}

我有这个代码...{只有收音机是工作}....我不知道如何将收音机与复选框连接。

在此处输入链接描述

4

2 回答 2

0

这是一个简单的 if 检查单选或复选框是否被选中。您可以使用自己的方法对它们进行迭代（也许通过将它们全部设为类并一一检查然后返回已检查的那些？）。但checked返回其检查状态的布尔值。 

if(document.getElementByID('Level 1').checked){
    //do stuff here
}
于 2012-06-15T19:49:59.333 回答
0

大卫托马斯提出了一个很好的观点，第二组可能不应该是复选框，而是单选按钮。您应该能够在第二组中选择多个选项似乎不合逻辑。

无论如何，我会听取点击并根据用户交互更改链接。

设置一个链接以便能够修改：

<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”

免责声明：代码未经测试，但应该可以工作

于 2012-06-15T20:18:10.703 回答