$(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_option1 FOREIGN KEY (
be_tarif _option_id ) REFERENCES
t_be_trif_option (
id ) ON DELETE CASCA)
我的问题场景:如果我选中了两个值,并且没有取消选中它,而是选中了第三个值,那么它将删除数据库中的所有内容,只保留第三个数值。但我真正需要的是它删除数据库中的所有内容,并保留所有值,包括第三个值。
周围有Javascript专家可以帮忙吗?
您可以使用2D阵列执行此操作,如下所示:
<html>
var items = [["abc.jpg", "xyz.jpg"],["123.jpg","345.jpg"]];
alert(items[1][1]); // 345.jpg
</script>
</html>