<JSP> 获取复选框的值

Posted

技术标签:

【中文标题】<JSP> 获取复选框的值【英文标题】:<JSP> Getting value of check boxes 【发布时间】:2013-12-23 08:18:11 【问题描述】:

我坚持在这里获取复选框的值。以下是我的代码。

<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> 

所以当我检查“A”时,它的值“normalChk”应该通过frm发送。 Ans 当我点击 CHECK 按钮时,它的值应该会显示出来。 但由于某种原因,它不起作用。谁能告诉我为什么?以及如何解决?

【问题讨论】:

【参考方案1】:

你可以试试这个:

if($('input[name=normal]').prop(':checked').val()==true)

    alert("Checked");

else

    alert("Unchecked");

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

【讨论】:

【参考方案2】:

试试这个:

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

html

<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>
    </tr>
</table>
    <div class="area_btnA clfix mgB20">
        <a href="#" onclick="fnChkGrp();return false;" class="btnA"><strong>CHECK</strong></a>
    </div>
</form>

【讨论】:

以上是关于<JSP> 获取复选框的值的主要内容,如果未能解决你的问题,请参考以下文章

JS如何获取表单中复选框的值?

在jsp页面中,处理后台数据在复选框中回显问题

jsp中单选框怎么调节的不可选

angularjs怎么获取到单选框的值

Html复选框单击获取自身值的问题:

jsp/js在修改页面把单选框的值传过去, 就是在修改页面要看到原先单选框选的是啥.