在使用input的radio元素的时候,需要特别注意的一点是它的顺序,如果不注意顺序的话,那你就会被它该搞死的.如下所示:
<html>
<head>
<title></title>
<script type="text/javascript">
function select1() {
document.getElementsByName("b")[0].checked = true;
alert(document.getElementsByName("b")[0].value)
}
function select0() {
document.getElementsByName("b")[1].checked = true;
alert(document.getElementsByName("b")[1].value)
}
</script>
</head>
<body>
性别: 男<input type="radio" name="b" value="0"> 女<input type="radio" name="b" value="1">
<a href="#" onclick="select1()">男人</a>
<a href="#" onclick="select0()">女人</a>
</body>
</html>
正常情况下都是这么写的,而且默认的情况下javascript的默认的查找顺序是按照元素的出现顺序来的,
所以,第一个元素就是"男人"后面的那个,而第二个就是女人后边的那个,而它们代表的值也最好是按照
顺序写,否则你很可能因为某些疏忽而被这些属性搞的火冒三丈,其实只要你永远记住在操作一组元素
的时候注意它的顺序,你就会省去很多的烦恼的.而且第一个元素的索引永远都为0.
分享到:
相关推荐
自定义 input radio 兼容ie6
主要介绍了jQuery 操作input中radio的技巧的相关资料,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧
原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. <form id=userlist method=post action=option.php> <input type=radio name=userid value=1>1 <input type=radio name=...
<input type="radio" name="address" value="北京">北京 <input type="radio" name="address" value="沈阳">沈阳 <input type="radio" name="address" value="南京">南京 <input type="radio" name=...
通过纯CSS3美化修改input 单选[radio]和多选[checkbox]样式
jquery取radio单选按钮的值$(“input[name=’items’]:checked”).val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(...
利用JavaScript更改input中radio和checkbox样式的实现代码。
本文实例讲述了原生javascript自定义input[type=radio]效果。分享给大家供大家参考,具体如下: 找到最为简单的仅仅使用css3的方案 <!DOCTYPE html> <html lang="en"> <head> <meta charset=...
本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。 代码如下: <!DOCTYPE HTML> <html> <head> <...
本文使用了lable关联选中,实际使用中如果不需要,直接将循环语句 v-for 写在 input标签上就可以 1、使用v-for循环的radio单选框 01)需要注意的是,这是使用的是 change 事件,而不是 click 点击事件 (item, ...
对于MIMO信道的统计模型的描述,介绍了信道相关矩阵的生成,以及信道矩阵的生成
input type=”radio”>如下: 代码如下: <input type=”radio” name=”city” value=”BeiJing”>北京 <input type=”radio” name=”city” value=”TianJin”>天津 <input type=”radio” name...
今天小编就为大家分享一篇解决layui的input独占一行的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
在线demo源码:https://github.com/dcsite/magic-input使用$ npm install magic-input你需要引入 dist/magic-input.css或者dist/magic-input.min.css 文件到你的工程或者HTML中。如果你使用Stylus 你就可以...
使用HTML开发商业网站 表单控件-Input控件 ...input控件在页面中的显示宽度 readonly readonly 该控件内容为只读(不能编辑修改) disabled disabled 第一次加载页面时禁用该控件(显示为灰色) chec
在一些Web界面,有时候为了方便会写一个全局的input样式,这样所有的样式会立刻变化,如果能更好的区分checkbox等呢。
单选组radio: $(“input[@type=radio][@checked]”).val(); 单选组radio: $(“input[@type=radio]”).attr(“checked”,’2′);//设置value=2的项目为当前选中项 获取一组radio被选中项的值 var item = $(‘input...