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

Question

我有(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>

在我的复选框超出表单之前，我可以使用以下方式访问它们: $('#__checkbox_allUA') 。点击( 函数(){

现在它们的形式我不知道如何访问它们。 我尝试过类似 form.__checkbox_allUA 或 form.element('__checkbox_allUA') 但没有成功。

预先感谢您的帮助。

Answer 1

从您发布的 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() { ....... });