好资源导航 » 文章资讯 » js布局实现单选按钮控件

js布局实现单选按钮控件

2023-08-02 22:51:04 62

本文实例为大家分享了javascript布局实现单选按钮控件的具体代码，供大家参考，具体内容如下

主要是对最近学习的知识做练习，可以巩固提高！

效果如下图：

代码如下：





单选控件

.radioD{
width:300px;
height:300px;
background:url(field.jpg)no-repeat;
}
.radioDli{
font-size:18px;
font-family:Arial;
list-style:none;
}
.leftU{
float:left;
}
.rightU{
float:right;
margin-right:80px;
}


window.onload=function(){
varaLi=document.getElementsByTagName('li');
varaInput=document.getElementsByTagName('input');
vari=0;
varbtn=document.getElementById('foodBtn');
btn.onclick=function(){
for(i=0;i




面条1
馒头1
烧饼1
窝头1


面条2
馒头2
烧饼2
窝头2

我的食物

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

js布局实现单选按钮控件

热门推荐

随机推荐