如何设置动态生成的复选框的值

How to set values of checkboxes generated dynamically

本文关键字:复选框 动态 何设置 设置      更新时间:2023-09-26

早上好,我在表单中有一个表,该表是从数组列表中动态填充的,对于该表中的每一行,我都有一个复选框,它是表中的第一列,表中的第二列是id,当复选框被选中时,我想设置复选框的值属性及其后面单元格(id列(中的文本,因为当提交这些表单时,我将使用request.getParameterValues从servlet中的这些复选框中获取所有值,下面是我填充的表:

<form name="Main-Form" action="DeleteServlet" method="GET">
    <table BORDER=2 BORDERCOLOR=YELLOW width="120px" id="product_table">
        <tr>
            <td></td>
            <td><b>CarId</b></td>
            <td><b>Description</b></td>
            <td><b>Quantity</b></td>
            <td><b>Price</b></td>
            <td><b>CC.No</b></td>
            <td><b>Engine</b></td>
            <td><b>Cylinder.No</b></td>
            <td><b>MaxSpeed</b></td>
            <td><b>PetrolType</b></td>
            <td><b>PetrolCapacity</b></td>
        </tr>
        <c:forEach items="${product_list}" var="car">
            <tr id="data-row">
                <td><INPUT type="checkbox" name="chk" /></td> // how to get these checkbox in the for loop
                <td><c:out value="${car.carId}" /></td>
                <td><c:out value="${car.carDesc}" /></td>
                <td><c:out value="${car.quantity}" /></td>
                <td><c:out value="${car.price}" /></td>
                <td><c:out value="${car.enginCc}" /></td>
                <td><c:out value="${car.trans}" /></td>
                <td><c:out value="${car.noOfCylinder}" /></td>
                <td><c:out value="${car.topSpeed}" /></td>
                <td><c:out value="${car.fuelType}" /></td>
                <td><c:out value="${car.fuelCapacity}" /></td>
            </tr>
        </c:forEach>
    </table>
            <td colspan="3"><input type="submit" class="btn1" value="Delete"/>
    </form>

注意:DeleteCar是一个servlet,它将从请求中获取chk_group中的值

如果有效,请尝试

$("#myForm > table > tr").each(function(){
     var checkbox = $(this).find("input [type=checkbox]");
     var id = $(this).find("td:eq(1)").text();
     $(this).find("checkbox").val(id);
})