解决思路:
只需要判断单选、复选框的checked属性,true即为选中,false为不选中。
具体步骤:
代码示例: <input name="radio1" type="radio" value="test">
<button
onClick=
"alert(’单选项’+(document.getElementsByName(’radio1’)[0].checked?’’:’没有’)+’选中’)">测试</button><br>
<input name="radio1" type="radio" value="test">
<button onClick=
"alert(’单选项’+(document.getElementsByName(’radio1’)[1].checked?’’:’没有’)+’选中’)">测试</button><br> <input name="checkbox1" type="checkbox" value="test">
<button onClick=
"alert(’多选项’+(document.getElementsByName(’checkbox1’)[0].checked?’’:’没有’)+’选中’)">测试</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick=
"alert(’多选项’+(document.getElementsByName(’checkbox1’)[1].checked?’’:’没有’)+’选中’)">测试</button> 提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。
技巧:document.getElementsByName可以简写为getElementsByName。
特别提示
代码运行后,单选或复选控件旁边的按钮,将弹出一个警告框,提示该按钮左边的单选或复选控件有没有被选中,
只需要判断单选、复选框的checked属性,true即为选中,false为不选中。
具体步骤:
代码示例: <input name="radio1" type="radio" value="test">
<button
onClick=
"alert(’单选项’+(document.getElementsByName(’radio1’)[0].checked?’’:’没有’)+’选中’)">测试</button><br>
<input name="radio1" type="radio" value="test">
<button onClick=
"alert(’单选项’+(document.getElementsByName(’radio1’)[1].checked?’’:’没有’)+’选中’)">测试</button><br> <input name="checkbox1" type="checkbox" value="test">
<button onClick=
"alert(’多选项’+(document.getElementsByName(’checkbox1’)[0].checked?’’:’没有’)+’选中’)">测试</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick=
"alert(’多选项’+(document.getElementsByName(’checkbox1’)[1].checked?’’:’没有’)+’选中’)">测试</button> 提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合。
技巧:document.getElementsByName可以简写为getElementsByName。
特别提示
代码运行后,单选或复选控件旁边的按钮,将弹出一个警告框,提示该按钮左边的单选或复选控件有没有被选中,
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货