html radiogroup(html 如何在不同name的两组radio中只能选择一组radio中的一个,javascript应该如何写)
本文目录
- html 如何在不同name的两组radio中只能选择一组radio中的一个,javascript应该如何写
- 关于 html radio 赋值
- 关于html动态添加radio的奇怪操作
- html2个radio在一排显示
html 如何在不同name的两组radio中只能选择一组radio中的一个,javascript应该如何写
html如下:
《div class=“form“》 《input type=“radio“ name=“a“ checked》a 《input type=“radio“ name=“a“》b 《input type=“radio“ name=“b“》c 《input type=“radio“ name=“b“》d《/div》checked是为了测试,你可以去掉!jQuery如下:
$(document).ready(function(){ $(“.form“ ).find(“input“ ).click(function(){ $(this ).siblings().removeAttr(“checked“); });});
原理如下:
其实点击单选按钮,就是给当前被点击按钮加入了:checked属性,所以利用jQuery移除其它没被点击input的checked属性就行了
attr:添加属性
removeAttr:移除属性
关于 html radio 赋值
var OBJradio=document.getElementsByTagName(“input“);for(i=0;i《OBJradio.length;i++){//循环查找这个radioif(user.getSex()==OBJradio.checked=true;//修改选中状态}}
关于html动态添加radio的奇怪操作
innerText是把对象内的所有内容都替换为文本,所以如果先添加radio,然后再用innerText,radio就会自然消失,被文本取代。
应该用appendChild的方式来添加文本,即:
var label = document.createElement(“label“);
var radio = document.createElement(“input“);
radio.type = “radio“;
radio.name = “radio“; // 名字随意
label.appendChild(radio);
var txt = document.createTextNode(“一个radio“);
label.appendChild(txt);
document.getElementById(“Div“).appendChild(label); // Div为父容器id
最后补充说一句:innerHTML和innerText 跟 appendChild 是两种不同的机制,最好不要混用!!!
html2个radio在一排显示
代码如下:
《!DOCTYPE html》《html》《head》 《meta charset=“UTF-8“》 《title》Title《/title》《/head》《body》 《form》 《input type=“radio“ name=“test_radio“》 第一个radio 《input type=“radio“ name=“test_radio“》 第二个radio 《/form》《/body》《/html》结果如下:
更多文章:

源代码下载安装(hadoop的源代码怎么下载应该下载哪一个文件不知道选择那个)
2025年3月14日 17:20

谭浩强c语言电子版(哪本书最适合初学电工电子比如初学C语言就用谭浩强C程序设计,单片机就郭天祥单片机)
2025年3月23日 06:30

navicat premium 15 破解(navicat Premium15破解不能点parch是什么原因)
2025年2月22日 09:40

radiobutton控件默认选中(winform怎么rediobutton被默认选中)
2025年3月12日 06:40

pcre下载(电信ADSL光纤下自建centos服务器 阿里云服务器反向代理 外面再加个CDN 该如何操作呢)
2025年3月12日 13:10

androbench下载(p10怎么使用androbench)
2025年3月13日 22:10

css图片大小怎么调整(如何设定上传到网上的图片大小值css)
2025年3月14日 15:10

散打在实战中怎么运用?Google Android开发入门与实战的作者介绍
2025年3月29日 14:00

autojs下拉菜单(JAVASCRIPT实现鼠标停留,弹出下拉菜单)
2025年2月22日 04:10

licensekey(enter license key是什么意思)
2025年4月3日 04:00

ject后缀(求高中英语的400个常用词根、30个常用前缀和30个常用后缀)
2025年3月5日 14:00

def在python中的意思(python中def是什么意思)
2025年2月23日 15:20