本文说明了js在不提交表单的情况下获取单选按钮值的方法。分享给大家参考。具体如下：

这是JS实现的特殊效果，表单不是为了获取相关的控件值而提交的。如本例所示，无需提交表单即可获得单选按钮的值。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-alert-show-table-value-codes/

具体代码如下：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML hearteta http-equiv=' Content-Type ' Content=' text/HTML；charset=gb2312'title不提交表单获取单选按钮的值/titlestyle type='text/css '！-.style 1 { color : # FFFFFF }-/style脚本类型=' text/JavaScript '函数GetVal(){ var CardTypeValue；for(I=0；发件人1 .CardType.lengthi ){ if (form1 .卡片类型[i].选中){ CardTypeValue=form1 .卡片类型[i].价值；打破；//使用该语句可以减少不必要的循环次数} } if(CardTypeValue=='身份证){ if(form1.pcard.value.length！=15 form1.pcard.value.length！=18){ alert('您输入的证件号码有误！');表格1。卡片类型。焦点()；返回；} }else{ if(CardTypeValue=='学生证){ if(form1.pcard.value.length！=8 form1.pcard.value.length！=12){ alert('您输入的证件号码有误!');表格1。卡片类型。焦点()；返回；} } } }/script/head dytable width=' 650 ' height=' 34 ' border=' 0 ' align=' center '单元格边距=' 0 '单元格间距=' 0 ' bgcolor=' # B3CAEE ' tr class=' font _ white ' TD高度=' 22 ' align=' center ' span class=' style 1 '=====用户注册信息=====/span/TD/tr/tabletabletable width=' 650 ' height=' 205 ' border=' 0 ' align=' center '单元格填充='-2 '单元格间距='-2 ' class=' table border ' tr valign=' Top ' TD height=' 171 ' col span=' 3 '表格宽度='100% '高度=' 129 '边框=' 0 '单元格填充='-2 '单元格间距='-2 ' tr TD valgn=' Top '表格宽度=' 100 '注册帮助/TD/tr/tr高度=' 112 ' col span=' 2 ' valgn=' top ' class=' word _ grey ' ul Li用户名：为用户登录留言簿的通行证，可使用英文字母、数字或英文字母、数字、下划线的组合，长度控制在3-20个字符之内/li li真实姓名：请输入真实的姓名，该项为隐藏项，用户可以放心输入/li liEmail:请填写有效的电子邮件地址，以便与您联系。

/Li/ul/TD/tr align=' center ' TD col span=' 2 ' valign=' middle ' class=' word _ grey '/TD/tr/table/TD TD TD width=' 19 ' background=' Images/line。gif '/TD TD宽度=' 436 ' valign=' top ' br表格宽度=' 90% '边框=' 0 ' align='居中'单元格填充='-2 '单元格间距='-2 ' tr TD表格名称='表格1 '表格宽度=' 100% '用户名：/td td宽度='82% '输入名称='用户名'类型='text' id='UserName4 '最大长度='20' * /TD/tr/tr高度='28 '对齐='中心'真实姓名：/td td高度='28 '输入名称='TrueName '类型=' text ' id=' TrueName 4 ' maxlength=' 10 ' */TD/tr TD高度='28 '对齐='居中'证件类型：/TD tdinput name=' CardType ' type=' radio ' class=' no order ' value='身份证检查身份证输入名称=' CardType ' type=' radio ' class=' no order ' value='学生证' 学生证/TD/tr/tr高度='28 '对齐='中心'证件号码：/td td class='word_grey '输入名称='pcard '类型=' text ' id=' Tel ' OnBlur=' GetVal()'/TD/tr TD高度='28 '对齐='居中'联系电话：/TD TD TD输入名称=' Tel ' type=' text ' id=' Tel '/TD/tr TD高度=' 28 ' align=' center ' style=' padding-left :10 px ' Email:/TD TD class=' word _ grey '输入名称=' Email ' type=' text ' id=' pwd 224 ' size=' 35 '/TD/tr TD高度=' 28 ' align=' center ' '个人主页：/TD TD TD class=' word _ grey '输入名称='主页'类型='text' id='homepage '大小='35'/td /tr tr td高度=' 34 '/TD TD TD class=' word _ grey '输入名称='按钮'类型='按钮'类别=' BTN _灰色'值='确定保存输入名称='提交2 '类型='重置'类='btn_grey '值='重新填写/TD/tr/table/form/TD/tr/table/TD/tr/tr TD高度=' 5 '/TD/tr/table/TD/tr/table/TD/tr/table/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。