jquery复选框 - 仅获取选中复选框的值

时间:2015-08-07 08:45:20

标签: javascript java jquery checkbox

$(function() {
  $('input[type=checkbox]').change(
    function() {

      if ($(this).is(':checked')) {
        document.getElementById("chk_option").value += this.value + ",";
        alert($("#chk_option").val());
      } else {
        document.getElementById("chk_option_remove").value += this.value + ",";
      }


    }
  );
});
<div>

  <center>
    <form id="form_tarif" class="form-horizontal" style="padding-top:57px;" action="pricesinput" method="POST">

      <input type="hidden" id="chk_option" name="chk_option">

      <input type="hidden" id="chk_option_remove" name="chk_option_remove">

      <c:forEach items="${option_tarif_list}" var="option_tarif" varStatus="loop">
        <div class="checkbox1">
          <label>
            <input type="checkbox" name="tarif_inclue[]" value="${option_tarif.id}" class="checkboxchk" id="option_tarif_chk_${option_tarif.id}">${option_tarif.libelle}
          </label>
        </div>
      </c:forEach
   </form>
 </center>

</div>

您好,

请帮我解决以下JS问题。我只需要选中复选框的值,并在id #chk_option中使用它。然后,我将在我的Java代码中使用此id来插入数据库。

以下是我的java代码的一部分:

String currentTypeTarifIdStr = request.getParameter("current_typetarif_id");
        Integer currentTypeTarifId = Integer.valueOf(currentTypeTarifIdStr);

        String TypeTarifIdToRemoveStr = request.getParameter("typetarif_id_to_remove");
        Integer TypeTarifIdToRemove = Integer.valueOf(TypeTarifIdToRemoveStr);

        Integer trimmedOptionSplit = 0;
        String optionChkStr = request.getParameter("chk_option");
        String[] optionSplitStrs = optionChkStr.split(",");


        String TypeTarifOptionToRemoveStr = request.getParameter("typetarif_option_to_remove");
        Integer TypeTarifOptionToRemove = Integer.valueOf(TypeTarifOptionToRemoveStr);





                        query = mEntityManager.createQuery("DELETE FROM TarifTypeOptionEntity WHERE typeTarifId=:pId");
                        int deletedCount = query.setParameter("pId", currentTypeTarifId).executeUpdate();
                        mUserTransaction.commit();


                        for (String optionSplitStr : optionSplitStrs) {
                            String trimmedOptionSplitStr = optionSplitStr.trim();
                            // do something with trimmedOptionSplitStr
                            if (!trimmedOptionSplitStr.equals("")) {
                                trimmedOptionSplit = Integer.valueOf(trimmedOptionSplitStr);
                            }

                            mUserTransaction.begin();
                            TarifTypeOptionEntity typeTarifTypeOption = new TarifTypeOptionEntity();
                            typeTarifTypeOption.setTypeTarifId(currentTypeTarifId);
                            typeTarifTypeOption.setTarifOptionId(trimmedOptionSplit);
                            mEntityManager.persist(typeTarifTypeOption);
                        mUserTransaction.commit();
                        }

                    mUserTransaction.begin();
                    }

我将首先删除数据库中的所有内容,然后仅在数据库中插入选中的复选框。为此,我应该用逗号连接所有选中的值。然后在我的java代码中,我将拆分它并删除逗号。

但它没有发生。有人可以帮我编码,发现我做错了。

编辑:

控制台中没有错误,警报确实有效。事实上,这段代码完美无缺。单击复选框时,将执行if子句,每次检查另一个复选框时,都会在逗号后面添加该值。这是我在java中需要的那些值。但这并不是我需要的代码。

现在它只将复选框中未选中的值添加到数据库中。但是当然这不可能发生,因为这个价值已经存在, 。 所以我收到错误引起:com.mysql.jdbc.exceptions.jdbc4.MySQLIntegrityConstraintViolationException: Cannot add or update a child row: a foreign key constraint fails ( locforall_booking . t_be_tarif_type_option , CONSTRAINT fk_t_be_type_tarif_option_t_be_tarif_option1 FOREIGN KEY ( be_tarif_option_id ) REFERENCES t_be_tarif_option ( id ) ON DELETE CASCA) < / p>

我的问题情景: 如果我检查了2个值并且我没有取消选中它但检查第三个值,它将删除数据库中的所有内容并仅保留第三个值。但我真正需要的是删除数据库中的所有内容并保留所有值,包括第三个值。

任何Javascript专家都可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

您可以使用2D数组执行此操作:

<html>

    var items = [["abc.jpg", "xyz.jpg"],["123.jpg","345.jpg"]];
    alert(items[1][1]); // 345.jpg
</script>
</html>