使用JQuery访问我的表单中的复选框元素

时间:2014-06-09 14:10:02

标签: javascript jquery checkbox struts

我有(struts生成的)HTML代码:

<form accept-charset="utf-8" class="search" method="get" action="facturable/list.action" name="list" id="list">

<div class="fieldset_medium_right">
                            <div class="label">
                                <input type="checkbox" id="list_allSo" value="true" name="allSo">
<input type="hidden" value="true" name="__checkbox_allSo" id="__checkbox_list_allSo"> 

                            </div>
                            <div label""="" class="">
                                <input type="checkbox" id="list_allEnt" value="true" name="allEnt">
<input type="hidden" value="true" name="__checkbox_allEnt" id="__checkbox_list_allEnt"> 

                            </div>
                            <div label""="" class="">
                                <input type="checkbox" id="list_allUA" value="true" name="allUA">
<input type="hidden" value="true" name="__checkbox_allUA" id="__checkbox_list_allUA"> 

                            </div>
                        </div>

</form>

在我的复选框不在表格之前,我可以使用以下方式访问它们: $(&#39; #__ checkbox_allUA&#39;)                                             。点击(                                                     function(){

现在他们的形式我无法弄清楚如何访问它们。 我已尝试过form .__ checkbox_allUA或form.element(&#39; __ checkbox_allUA&#39;)等内容,但没有成功。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

从您发布的HTML中,我们以下面的示例为例:

<input type="checkbox" id="list_allUA" value="true" name="allUA"> 
<input type="hidden" value="true" name="__checkbox_allUA" id="__checkbox_list_allUA">

以下是如何选择每个元素:

$('#list_allUA').....// the checkbox
$('#__checkbox_list_allUA').... // the associated HIDDEN value

很可能,您不需要将事件处理程序附加到hidden元素,但您可能希望将其添加到checkbox

$('#list_allUA').click( function() { .... });

或者,如果正在动态添加复选框:

$(document).on('click', '#list_allUA', function() { ....... });