黑马程序员——用javascript判断radio/checkbox是否被选中
2013-06-21 16:48
399 查看
-------
android培训、java培训、期待与您交流! ----------
1.用javascript判断radio单选框是否被选中,我们以选择性别为例:Html代码
<span>性别:</span><span>男</span><input type="radio" value="1" name="sex" id="sex" /> <span>女</span><input type="radio" value="2" name="sex" id="sex" />
Js代码
var sex_obj = document.getElementsByName('sex'); var temp_sex = false; for(var i = 0; i < sex_obj.length; i ++){ if(sex_obj[i].checked){ var sex = sex_obj[i].value; temp_sex = true; break; } } if(temp_sex == false){ alert('请选择性别'); return false; } </script>
2.JS(javascript)判断checkbox(复选框)是否被选中
Js代码
<script type="text/javascript"> function checkform() { //判断标题栏是否填写 if (document.form1.title.value == "") { alert("信息类型不能为空!"); document.form1.title.focus(); return; } //判断checkbox是否被选中 var len = document.form1.keywords.length; var checked = false; for (i = 0; i < len; i++) { if (document.form1.keywords[i].checked == true) { checked = true; break; } } if (!checked) { alert("请至少选择一个关键词!"); return; } document.form1.submit(); } </script>
<script type="text/javascript"> function checkform() { //判断标题栏是否填写 if (document.form1.title.value == "") { alert("信息类型不能为空!"); document.form1.title.focus(); return; } //判断checkbox是否被选中 var len = document.form1.keywords.length; var checked = false; for (i = 0; i < len; i++) { if (document.form1.keywords[i].checked == true) { checked = true; break; } } if (!checked) { alert("请至少选择一个关键词!"); return; } document.form1.submit(); } </script>
3.使用javascript获取select下拉列表框当中的文本值(对IE及firefox都适用)
Html代码
<select onchange="isSelected(this.value);" id="city"> <option value="1">北京</option> <option value="2" >上海</option> <option value="2" >广州</option> </select>
<select onchange="isSelected(this.value);" id="city"> <option value="1">北京</option> <option value="2" >上海</option> <option value="2" >广州</option> </select>
也就是说当用户选择“上海”这一列时,需要将“上海”这个名称保存起来。
其实方法很简单。看下面javascript代码:
Js代码
function isSelected(value) { var cityName; var city = document.getElementByIdx_x_x("city"); //获取选中的城市名称 for(i=0;i<city.length;i++){ if(city[i].selected==true){ cityName = city[i].innerText; //关键点 alert("cityName:" + cityName); } } }-------
android培训、java培训、期待与您交流! ----------
详细请查看:http://edu.csdn.net
相关文章推荐
- jquery 判断 radio,checkbox,select是否被选中
- javascript 判断checkbox是否被选中
- 关于JSP判断按钮是否被选中~~(radio、checkbox)
- 用javascript实现判断checkbox是否被选中
- javascript判断checkbox是否被选中
- javascript 判断checkbox是否被选中
- jquery1.10.*以上的版本中用jquery判断radio和checkbox是否被选中
- 判断CheckBox是否被选中,.net中javascript取服务器端控件的值
- 判断checkbox、radio是否被选中
- JavaScript删除确认代码,判断checkbox是否被选中代码
- jquery判断checkbox是否被选中
- 根据被选中的 radio 值,设置 checkbox 是否可用
- JQ判断checkbox复选或者单选框是否被选中的方法(推荐第三种)
- jQuery 判断 checkbox 是否被选中的几种方法
- jquery如何判断checkbox(复选框)是否被选中 全选 反选
- html之radio是否被选中的判断------radio只是input的type属性
- Jquery中Radio,checkbox判断是否选中的问题
- JS 判断单选框(radio)是否被选中
- Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值
- jQuery 判断 checkbox 是否被选中的几种方法