本文实例讲述了JS获取下拉框显示值和判断单选按钮的方法。分享给大家供大家参考。具体如下:
1.本人做过很多项目,都需要得到select组件显示的值。下面是我经常用到的方法:
Html源码如下:
<html><body> <select id="province" name="province" > <option value="1">北京</option> <option value="2">上海</option> <option value="3">江苏</option> <option value="4">河北</option> </select> <br/> <input type="text" id="provinceName" name="provinceName"/> <input type="button" onClick="setTxt()" value="赋值"/> </body></html>
JS函数如下:
function setTxt() { var _selObj=document.getElementByIdx_xx('province');//取下拉框的元素 var _selVal=_selObj[_selObj.selectedIndex].text;//取下拉框被选中的值 document.getElementByIdx_xx('provinceName').value=_selVal; }
2.本人也做过很多判断radio单选按钮是否被选中的情况,下面是我常用到得方法:
HTML页面源码如下:
<html><body> <input type="radio" name="time" value="2009-05-20"/>2009-05-20 <input type="radio" name="time" value="2009-05-21"/>2009-05-21 <input type="radio" name="time" value="2009-05-22"/>2009-05-22 <input type="radio" name="time" value="2009-05-23"/>2009-05-23 <input type="button" value="判断是否选择" onclick="alert(judge())"/> </body></html>
JS函数代码:
function judge() { var status =false; var _radObj=document.getElementsByName('time'); for(var i =0;i<_radObj.length;i++){ if(_radObj[i].checked){ status=true; } } if(! status){ alert('未选中时间!'); } return status; }
希望本文所述对大家的javascript程序设计有所帮助。
本文向大家介绍js简单获取表单中单选按钮值的方法,包括了js简单获取表单中单选按钮值的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js简单获取表单中单选按钮值的方法。分享给大家供大家参考,具体如下: HTML部分如下: JS代码如下: 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总
问题内容: 如何设置HTML复选框,单选按钮和下拉菜单的样式?可以吗 我想为复选框或单选按钮使用图像,对列表使用相同的图像-下拉箭头在大多数情况下看起来不太好。 问题答案: 请参阅jQuery插件的2个链接(用于样式化复选框和单选按钮): http://line25.com/articles/jquery-plugins-for-styling-checkbox-radio- buttons ht
本文向大家介绍js使用DOM设置单选按钮、复选框及下拉菜单的方法,包括了js使用DOM设置单选按钮、复选框及下拉菜单的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js使用DOM设置单选按钮、复选框及下拉菜单的方法。分享给大家供大家参考。具体实现方法如下: 1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个。每一
本文向大家介绍利用js获取下拉框中所选的值,包括了利用js获取下拉框中所选的值的使用技巧和注意事项,需要的朋友参考一下 现在的需求是:下拉框中要是选择加盟商让其继续选择学校,要是选择平台管理员则不需要选择学校。隐藏选择下拉列表。 选择枚举值: 代码: 先让学校列表隐藏,style=”display:none”;效果和下图一样。我们利用下拉框的onChange事件来让其执行设定的方法show
此表单在基于函数的视图中显示单选按钮,但在我引入基于类的视图时更改为复选框,有什么解决办法。我希望他们再次显示单选按钮 表单.py models.py 模板 views.py
本文向大家介绍js实现不提交表单获取单选按钮值的方法,包括了js实现不提交表单获取单选按钮值的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现不提交表单获取单选按钮值的方法。分享给大家供大家参考。具体如下: 这是JS实现的特效,不提交表单获取相关的控件值。如本例所示,不提交表单即可获取单选按钮的值。 运行效果截图如下: 在线演示地址如下: http://demo.jb51.ne