Javascript 表格标题上的Dandelion Datatables复选框
我想要一列复选框来选择多行。我设法在每一行上创建了一个复选框,但我也希望在标记上有一个复选框,这样当我选中标题上的复选框时,它会自动选中列上的所有复选框。我怎样才能做到这一点 PS:Im使用JSPJavascript 表格标题上的Dandelion Datatables复选框,javascript,jsp,checkbox,jquery-datatables,dandelion,Javascript,Jsp,Checkbox,Jquery Datatables,Dandelion,我想要一列复选框来选择多行。我设法在每一行上创建了一个复选框,但我也希望在标记上有一个复选框,这样当我选中标题上的复选框时,它会自动选中列上的所有复选框。我怎样才能做到这一点 PS:Im使用JSP <form id="form"> <div style="text-align:right; padding-bottom:1em;"> <button type="submit">Submit form</button>
<form id="form">
<div style="text-align:right; padding-bottom:1em;">
<button type="submit">Submit form</button>
</div>
<datatables:table id="owners" data="${selections}" row="owner" theme="bootstrap2"
cssClass="table table-striped" pageable="false" info="false" export="pdf">
<datatables:column title="Name" cssStyle="width: 150px;" display="html">
<spring:url value="/owners/{ownerId}.html" var="ownerUrl">
<spring:param name="ownerId" value="${owner.id}"/>
</spring:url>
<a href="${fn:escapeXml(ownerUrl)}"><c:out value="${owner.firstName} ${owner.lastName}"/></a>
</datatables:column>
<datatables:column title="Name" display="pdf">
<c:out value="${owner.firstName} ${owner.lastName}"/>
</datatables:column>
<datatables:column title="Address" property="address" cssStyle="width: 200px;"/>
<datatables:column title="City" property="city"/>
<datatables:column title="Telephone" property="telephone"/>
<datatables:column title="Pets" cssStyle="width: 100px;">
<c:forEach var="pet" items="${owner.pets}">
<c:out value="${pet.name}"/>
</c:forEach>
</datatables:column>
<datatables:column sortable="false" filterable="false">
<input type="checkbox" name="check${owner.id}" value="${owner.id}">
</datatables:column>
<datatables:export type="pdf" cssClass="btn" cssStyle="height: 25px;" />
</datatables:table>
</form>
可以使用标记自定义标题列
<form id="form">
<div style="text-align:right; padding-bottom:1em;">
<button type="submit">Submit form</button>
</div>
<datatables:table id="owners" data="${selections}" row="owner" theme="bootstrap2"
cssClass="table table-striped" pageable="false" info="false" export="pdf">
...
<datatables:column sortable="false" filterable="false">
<datatables:columnHead>
<input type="checkbox" onclick="$('#owners').find(':checkbox').attr('checked', this.checked);" />
</datatables:columnHead>
<input type="checkbox" name="check${owner.id}" value="${owner.id}">
</datatables:column>
...
</datatables:table>
</form>
位于标记内的所有内容都将放置在相应的列标题中
参考:我遇到了这个错误:根据TLD,属性uid对于标记columnHead无效。您使用的是什么版本的Dandelion Datatables?这种行为在早期版本中有所发展。我更新了我的答案以反映这些变化。