IE 兼容 Javascript 读取checkbox的值

最新推荐文章于 2019-04-26 23:29:03 发布

原创最新推荐文章于 2019-04-26 23:29:03 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ie #function #table #class #div

本文提供了一个简单的心率状态评估表单实现方案，通过JavaScript获取用户选择的心率状态（如正常、心动过缓或心动过速），并展示选择结果。

<script type="text/javascript"> 
function test(){ 
// 得到checkbox数组 
var elements = document.getElementsByName("answer"); 
var str = ""; 
// 取得所选择的角色 
for(var i=0;i<elements.length;i++){ 
if(elements[i].checked){ 
str += "> " + elements[i].value + "\n"; 
} 
} 
// 输出 
if(str == ""){ 
alert("您没有选择任何评价！"); 
} 
else{ 
alert("您选择的评价为：\n\n" + str); 
} 
} 
</script>

 <div class="title">1、心率</div>
                                        <br />
                                        <table style="width: 100%">
                                            <tr>
                                                <td><input type="checkbox" name="answer" value="正常" /> 正常</td>
                                                <td><input type="checkbox" name="answer"  value="心动过缓" /> 心动过缓</td>
                                                <td><input type="checkbox" name="answer"  value="心动过速" /> 心动过速</td>
                                            </tr>
                                        </table>