Question

我想列出药物清单并检查我想要购买的所有药物。我想过使用复选框检查我要订购的所有药物，然后在点击订单按钮后将药品名称转移到Javascript。

我对Javascript和jQuery很陌生，所以我不确定如何使这项工作。我搜索了其他代码，但我发现任何与我的问题无关的代码。

这是我制作的表格代码：

 <table id="example1" >
    <thead>
        <tr>
            <th></th>
            <th>Brand Name</th>
            <th>Medicine Name </th>
            <th>Price</th>


        </tr>
    </thead>
    <tbody>


        <tr>
            <td style="width: 5px"><input type="checkbox" /></td>                                               
            <td>Xeloda</td>
            <td> Capecitabine</td>
            <td>$150 </td>
        </tr>
        <tr>
            <td style="width: 5px"><input type="checkbox" /></td>                                               
            <td>Camptosar</td>
            <td>Irinotecan Hydrochloride</td>
            <td>$200 </td>
        </tr>
        <tr>
            <td style="width: 5px"><input type="checkbox" /></td>                                               
            <td>Eloxatin</td>
            <td>Oxaliplatin</td>
            <td>$150 </td>
        </tr>




</table>
<input type="button" value="order" onclick="getAllMedicineNameOfCheckedBox()"/>

Answer 1

$(":checked").closest("tr").children("td").get()

将返回一行中所有td元素的数组。您将需要执行一些额外的代码，处理多个复选框等，并可能将其绑定到单击处理程序。

$("input:checkbox").on("click", function(){
  if ($(this).is(":checked")){
      var data = $(this).closest("tr").children("td").get();

      /*  loop over TD items.  */
  } 
});

复选框 - 如果选中连续复选框，如何连续获取数据？

1 个答案: