在添加按钮事件中怎么把性别单选框保存跳转到另一个页面
时间: 2024-09-29 21:09:17 浏览: 29
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
5星 · 资源好评率100%
在JavaScript或类似的语言中,当添加按钮的点击事件时,可以将用户的性别单选框值保存起来,并通过URL传递数据,然后进行页面跳转。以下是一个简单的示例:
```javascript
// 获取性别单选框
var genderCheckbox = document.getElementById('RadioMale'); // 假设用户选择了"男性"
// 添加按钮点击事件处理器
button.addEventListener('click', function() {
var selectedValue = genderCheckbox.checked ? '男' : '女'; // 检查是否勾选,获取相应值
// 将性别作为查询字符串附加到URL
var url = window.location.href + "?gender=" + selectedValue;
// 跳转到新的页面并传递参数
window.location.href = url;
});
```
在这个例子中,假设用户选择的是"男性",则会跳转到 `www.example.com?gender=男` 的页面,并在新页面接收到这个参数。
阅读全文