- 浏览: 1048612 次
- 性别:
- 来自: 天津
文章分类
- 全部博客 (314)
- java 技术 (45)
- Java Util (3)
- Struts2 学习笔记 (23)
- MySql@数据库 (18)
- Oracle@数据库 (4)
- sqlserver@数据库 (20)
- Hibernate配置及应用 (7)
- 基础学习笔记@javaScript (24)
- 常用应用实例@javaScript (41)
- 网页设计 (20)
- bug (13)
- 总结 (4)
- eclipse应用 (23)
- tomcat设置及问题 (15)
- SWFUplaod学习笔记 (7)
- C# (5)
- PPT经验技巧 (8)
- 心情随笔 (3)
- 其他 (19)
- jquery (4)
- sping (1)
- json相关 (2)
最新评论
-
流年已逝_奋斗不止2013:
很有用,谢谢!
HQL select 总结 -
qq_31945283:
完美解决了我的难题,谢谢
四、struts2+swfUpload例子二 -
qq_31945283:
...
四、struts2+swfUpload例子二 -
sunbingrun:
集成到我的项目里, 居然post_params: {&quo ...
三、struts2+swfUpload简单例子 -
flyarun:
牛B ,这种人就是我的偶像
四、struts2+swfUpload例子二
下面以实例说明:
html页面
<body> <form name="form1" action="test" method="post"> <label>radio:</label> <input name="myRadio" type="radio" value="126" checked="true" onclick="getRadioValue();"/>126邮箱 <input name="myRadio" type="radio" value="163" onclick="getRadioValue();"/>163邮箱 <input name="myRadio" type="radio" value="189" onclick="getRadioValue();"/>189邮箱 <input name="myRadio" type="radio" value="gmail" onclick="getRadioValue();"/>gmail邮箱 <input name="setValue" type="button" value="选择163邮箱" onclick="setRadioValue('163');"/> <br/> <br/> <label>checkBox:</label> <input name="myCheckBox" type="checkbox" value="126" />126邮箱 <input name="myCheckBox" type="checkbox" value="163" />163邮箱 <input name="myCheckBox" type="checkbox" value="189" />189邮箱 <input name="myCheckBox" type="checkbox" value="gmail" />gmail邮箱 全选:<input type="checkbox" id="checkAll"onclick="checkall()" /> <br/> <br/> <label>select:</label> <select name="mySelect" id="mySelect" onchange="jumpMenu('parent',this,0)"> <option value="http://www.126.com">126邮箱</option> <option value="http://mail.163.com">163邮箱</option> <option value="http://mail.189.cn">189邮箱</option> <option value="http://www.gmail.com">gmail邮箱</option> </select> </form> </body>
javascript代码:
<script type="text/javascript"> <!-- /*说明 showText() 1.因为radio后面的文本属于TextNode,而不是HTML Element.所以只能通过parentNode的childNodes来获取 HTML ELEMENT和TextNode的集合. 2.获取childNodes后 遍历集合 找到radio后那么下一个TextNode就是你想要的. 3.当然读取radio下一个TextNode前你最好判断一下radio下面是否还存在Node,还有最好判断下nodeType是否为3,即TextNode.再通过nodeValue取值. 或者我们可以用另一个的方法: 我们虽然获取不到radio后面的文本,但是我们可以获得radio value的值,在设置value值的时候可以这样: <input name="myRadio" type="radio" value="126@126邮箱" checked="true"/>126邮箱 可以把value分为2部分,一部分为value值,一部分做为text部分的值 */ //获取radio选中 function getRadioValue(){ var obj = document.getElementsByName("myRadio"); for(i=0;i<obj.length;i++) if(obj[i].checked==true){ alert("radio.value="+obj[i].value); showText(obj[i]); } } //给radio赋值 function setRadioValue(myvalue){ var obj = document.getElementsByName("myRadio"); for(i=0;i<obj.length;i++) if(obj[i].value==myvalue){ obj[i].checked=true; } } /*checkBox获取值和赋值和radio基本相同,不同之处是一个多些一个单选;*/ //全选或全部不选 function checkall() { var isChecked=(document.form1.checkAll.checked == true); var elements_all=document.getElementsByName("myCheckBox"); for(i=0;i<elements_all.length;i++) { var element=elements_all[i]; element.checked=isChecked; if(isChecked==true) showText(element); } } //select标签 /*说明:select 标签如果用struts2或其他框架的话,非常好控制;即使是html标签的select网上也有很多资料。所以下面就简单介绍下: 1、获得options:var elements = document.form1.mySelect.options; 2、获得第i个option后对应的文本:var optionText = elements[i].innerText; 3、eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。 4、下一篇文章帖一个select常用操作*/ function jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } function showText(obj) { var parentObj = obj.parentNode; //设置父节点 for(var i=0;i <parentObj.childNodes.length;i++){ //循环遍历父节点的子节点集合 if(parentObj.childNodes[i] == obj && parentObj.childNodes[i+1]!=null){ //判断当前子节点是否是你要的radio alert(parentObj.childNodes[i+1].nodeValue); //取值 } } } //--> </script>
- index.rar (2.1 KB)
- 下载次数: 6
发表评论
-
js 正则表达式去除html字符中所有的标签(img标签除外)
2020-04-28 10:49 894废话不多说,直接上代码: str.replace(/< ... -
移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片
2020-03-12 15:09 556/*移动端禁止图片长按和vivo手机点击img标签放大图片,禁 ... -
js手机移动端下拉选择插件
2019-08-14 10:35 994手机移动端下拉选择插件 单项选择 双项选择 多项选择 ... -
Layer关于回调函数细节
2019-06-06 11:38 1062Layer中关于yes、btn、cancel以及success ... -
js中的数组对象排序
2018-05-26 12:43 1486一、普通数组排序 js中用方法sort()为数组排序。 ... -
js自定义多字段排序
2018-05-26 09:58 2936多字段同时排序在后端很好实现,直接order by fiel ... -
JavaScript实现本地数据简单存取以及Json数据存取
2018-05-21 13:34 1058HTML中可以使用javascript操作window的loc ... -
JS 判断当前访问页面的是手机、平板或电脑
2018-05-19 16:19 5904var os = function (){ var ua ... -
Js排序插件Sortable
2018-04-04 15:06 687Js排序插件Sortable -
JS常用各种正则表达式
2018-03-29 10:50 7861.非负整数 /^\d+$/ 2.正整数 ... -
js读取解析JSON类型数据
2016-10-28 13:59 607一、什么是JSON? JSON(JavaScript Obje ... -
JS的trim()方法
2016-10-28 13:57 427去除字符串左右两端的空格,在vbscript里面可以轻松地使用 ... -
[转]页面所有元素加载完成之后执行某个js函数
2015-10-22 10:55 1133在页面所有元素加载完成之后执行某个js函数 做项目的时候可 ... -
img标签src对应的图片不存在,显示一个默认的图片
2015-09-24 14:14 2457img标签src对应的图片不存在,显示一个默认的图片 < ... -
JS函数isNaN() 判断数字
2015-08-04 10:45 691<html> <body> &l ... -
仿腾讯回顶部和建议
2013-07-30 11:49 1010附件为代码。可下载看效果 转载的内容,但忘记在哪找 ... -
Js保留小数点
2013-07-27 13:08 2792<script type="text/java ... -
定宽的textarea根据内容自动调整高度
2013-06-14 12:11 23424<!DOCTYPE html PUBLIC " ... -
用javascript实现点击链接弹出图片另存为而不是直接打开
2013-06-14 09:44 4004<iframe height="0" ... -
Baidu Button 如何安装多个分享按钮
2013-01-15 09:42 3265百度分享按钮支持多类,多个同时出现于同一个分享页面,为您的用户 ...
相关推荐
selectTree tree控件 日历控件 tree控件 radio CheckBox demo 直接可以用 案例多多
修改checkbox radio select的样式
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
基于jquery自定义表单样式。LazyForm radio,checkbox,select 表单样式自定义
jquery获取各种radio,checkbox,select的值等
jquery操作Radio、Checkbox、Select详细Demo
要在JSP中使用Struts 2.0标志,先要指明标志的引入。通过在JSP的代码的顶部加入以下代码可以做到这点。 <%@taglib prefix="s" uri="/struts-tags" %>
checkbox-radio-select 样式的自定义,替换你想要的图片即可
jquery 获得select、radio、checkbox选择的text和value值详解文档
html:radio,html:checkbox,html:multibox,html:select 与actionform结合使用数组或集合,有多种实现方式
怎么获取checkbox/select/radio、选择中的text和value值
jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。
一个小例子,含全选,有注释,学习一下这些表单元素的属性和方法
权威实用的jsp自定义标签demo<select,checkbox,radio> 导入eclipse 部署 看效果吧 带源代码哦
Angular中Dom操作 以及表单( input、checkbox、radio、select、 textarea )结合双休数据绑定实现在线预约功能
本篇文章是对php selectradio和checkbox默认选择的实现方法进行了详细的分析介绍,需要的朋友参考下
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...
Jquery操作radio,checkbox,select表单操作实现代码,需要用jquery操作表单的朋友可以参考下。
表单checkbox多选框选择特效是一款多选框美化特效。