怎么利用js代码选中其中一个radio单选按钮,然后跳到指定网页。_百度知 ...

发布网友 发布时间：2022-04-24 04:28

我来回答

共5个回答

懂视网 时间：2022-04-28 16:52

本文给大家介绍手写CSS+js实现radio单选按钮，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

有的时候我们需要用长得漂亮一点的单选按钮，那么，就要抛弃原有的自己来写，下面就是我实现的

<p class="radio"><span class="yuan rdactive"><span></span></span>你丑你先</p>
	<p class="radio"><span class="yuan"><span></span></span>你才丑你先</p>
<p class="radio"><span class="yuan"><span></span></span>你更丑你先</p>

	.radio{
		display: flex;
		align-items: center;
		width: 100px;
		cursor: pointer;
	}
	.yuan{/*大圈*/
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #ececec;/*这里写自己喜欢的颜色*/
		display: flex;
		align-items: center;
		margin-right: 5px;
	}
	.radio>span.rdactive{
		background: #EF6121;/*这里写自己喜欢的颜色*/
	}
	.yuan span{/*小圈*/
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: white;/*这里写自己喜欢的颜色*/
		margin: 0 auto;
	}　

$(".radio").children('.yuan').on('click',function(){
	$('.rdactive').removeClass('rdactive');
	$(this).addClass("rdactive").siblings().removeClass("rdactive");
})

效果图：

好啦，到这里就可以实现啦。是不是很简单，大家可以自己动手试试！

总结：

热心网友 时间：2022-04-28 14:00

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、在index.html中的<script>标签，输入js代码：

function fun() {

var a = $('input:radio:checked').val();

if (a == 1) {

location.href = 'page1.html';

} else {

location.href = 'page2.html';

}

}

3、浏览器运行index.html页面，选择内容管理，点击登录。

4、此时成功进入到了page2.html页面。

热心网友 时间：2022-04-28 15:18

<script type="text/javascript">
function login() {
    var portals = document.getElementsByName("portal");
    for(var i = 0; i < portals.length; i++) {
        if(portals[i].checked) {
            if(portals[i].value === "department") {
                location.href = "部门管理地址";
            }
            else if(portals[i].value === "content") {
                location.href = "内容管理地址";
            }
        }
    }
}
</script>

<input type="radio" name="portal" value="department" /> 部门管理
<input type="radio" name="portal" value="content" /> 内容管理
<input type="button" value="登录" onclick="login()" />

热心网友 时间：2022-04-28 16:53

..............$(button).click(function(){window.location=$("radio:checked").val();})
把你要跳转的路径放到radio的value属性应该就可以了

热心网友 时间：2022-04-28 18:44

单选框value给个 跳转页面的地址 点登录在js里获取地址 然后loction那个地址就OK了