判断radio/checkbox是否被选中
程序员文章站
2022-04-05 18:04:16
...
1.用javascript判断radio单选框是否被选中,我们以选择性别为例:
<span>性别:</span><span>男</span><input type="radio" value="1" name="sex" id="sex" />
<span>女</span><input type="radio" value="2" name="sex" id="sex" />
<script type="text/javascript">
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(复选框)是否被选中
<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都适用)
<select onchange="isSelected(this.value);" id="city">
<option value="1">北京</option>
<option value="2" >上海</option>
<option value="2" >广州</option>
</select>
function isSelected(value) {
var cityName;
var city = document.getElementById("city");
//获取选中的城市名称
for(i=0;i<city.length;i++){
if(city[i].selected==true){
cityName = city[i].innerText; //关键点
alert("cityName:" + cityName);
}
}
}
推荐阅读
-
js如何判断复选框是否被选中(js获取复选框选中的值)
-
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
-
js如何判断复选框是否被选中(js获取复选框选中的值)
-
js判断单选框checkbox是否选中(详解checkbox选中和不选中)
-
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
-
js判断checkbox是否被选中(js获取复选框选中的值 )
-
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
-
PHP获取文件的MD5值并判断是否被修改的例子
-
如何判断php复选框是否被选中
-
jQuery和DOM判断复选框是否被选中的方法解析