javascript判断单选框或复选框是否选中方法集锦

2016-02-19 10:04 22 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐javascript判断单选框或复选框是否选中方法集锦,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。
样例一html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title判断单选框或复选框是否选中/title
/head

body
input name="radio1" type="radio" value="test"
button  onClick="alert('单选项'+(document.getElementsByName('radio1')[0].checked? '':'没有')+'选中')"测试/buttonbr
input name="radio1" type="radio" value="test"
button onClick="alert('单选项'+(document.getElementsByName('radio1')[1].checked?'':'没有')+'选中')"测试/buttonbr

input name="checkbox1" type="checkbox" value="test"
button onClick="alert('多选项'+(document.getElementsByName('checkbox1')[0]. checked?'':'没有')+'选中')"测试/buttonbr
input name="checkbox1" type="checkbox" value="test"
button onClick="alert('多选项'+(document.getElementsByName('checkbox1')[1].checked?'':'没有')+'选中')"测试/button

 提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。
/body
/html  
样例二:

form name="myform" action="" method="" onsubmit="return check()"
input type="radio" name="picno" value="1"
input type="radio" name="picno" value="2"
input type="radio" name="picno" value="3"
input type="submit" value="Submit"
/form
script language="JavaScript"...
function check()...{
    var flag=0
    for(i=0;imyform.picno.length;i++)
    if(myform.picno[i].checked==true)...{
        flag=1
        break
    }
    if(!flag)...{
        alert("请先选择更换图片的位置")
        return false
    }
}
/script

来源:http://www.tulaoshi.com/n/20160219/1593229.html

延伸阅读
标签: Web开发
input type=checkbox name=mm value=a onclick="checkItem(this, ''mmAll'')"br input type=checkbox name=mm value=b onclick="checkItem(this, ''mmAll'')"br input type=checkbox name=mm value=c onclick="checkItem(this, ''mmAll'')"br input type=checkbox name=mm value=d onclick="c...
标签: word
Word2010如何插入复选框   在日常使用word过程中,常常需要制作一些信息表,有些字段需要进行选择,如性别中的男,女;在做问题调查问卷时,复选框用到的就比较多了,那在word2010中如何插入复选框呢? 步骤 1、打开需要插入复选框的word文件,打开文件中的选项界面。word2010中的开发工具默认是隐藏的,需要先打开它,因...
标签: Web开发
代码如下: style BODY {FONT-SIZE: 9pt;} table {FONT-SIZE: 9pt;} /style input type=checkbox id=checkall onclick=check_all()label for=checkall全部选择/label 线程数:input type=text id=the_thread value=10 size=2 maxlength=2 style="height:...
标签: word
如何给Word文档复选框打勾方法二?   首先,将Word文档打开。选择插入 在插入的界面中找到勾选的符号。小窗口中没有的话可以到其他符号里面找。 打开特殊符号,勾选的这个符号在数学运算符里面。 将选择的符号选中。 在开始的界面中找到带圈字体。 选择文字为勾,圈号为小方框,确定。 ...

经验教程

589

收藏

73
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部