Javascript <；JSP>；获取复选框的值

我一直在这里获取复选框的值。下面是我的代码

<script type="text/javascript">
    fnChkGrp = function() {
        alert($('#reqType').val()
    )}
</script>   

<form id="frm" name="frm" method="post" action="">
    <input type="hidden" id="reqType" name="reqType"/>
    <table class="tableBB mgT10" >
        <tr>
            <td>
                <span id="reqType" style="display:block;">
                    <span class="chk"><label><input type="checkbox" id="normal" name="normal" value="normalChk"/>A</label></span>
                    <span class="chk"><label><input type="checkbox" id="urgent" name="normal" value="urgentChk"/>B</label></span>
                </span>     
            </td>

            <div class="area_btnA clfix mgB20">
                <a href="#" onclick="fnChkGrp();return false;" class="btnA"><strong>CHECK</strong></a>
            </div> 

fnChkGrp=函数（）{
警报（$（'reqType'）.val（）
)}
A.
B

因此，当我检查“A”时，其值“normalChk”应通过frm发送。 Ans当我单击“检查”按钮时，应显示其值。 但出于某种原因，它不起作用。谁能告诉我为什么？如何修复它？

尝试以下方法：

fnChkGrp = function() {
   var checkboxes = document.getElementsByName("normal");
    for (var i = 0; i < checkboxes.length; i++)
    {
        if (checkboxes[i].checked)
            alert(checkboxes[i].value);
    }
}

fnChkGrp=函数（）{
var复选框=document.getElementsByName（“正常”）；
对于（变量i=0；i

HTML:

A.
B

您可以尝试以下方法：

if($('input[name=normal]').prop(':checked').val()==true)
{
    alert("Checked");
}
else
{
    alert("Unchecked");
}

获取匹配元素集中第一个元素的属性值

if($('input[name=normal]').prop(':checked').val()==true)
{
    alert("Checked");
}
else
{
    alert("Unchecked");
}