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

Access checkbox element in my form with JQuery

本文关键字：复选框 元素 表单 JQuery 访问 访问表 使用      更新时间：2023-09-26

我有(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 ').click (函数(){

现在他们是在形式，我不知道如何访问他们。我尝试过形式之类的东西。__checkbox_allUA或form.element('__checkbox_allUA')没有成功。

提前感谢您的帮助

从您发布的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() { ....... });
相关文章：