[英]Add/remove checkbox values to/from array when checked and unchecked (jQuery)
[英]javascript add/remove text in div when checkbox is unchecked/checked
我正在尝试学习Javascript的魔力。 我要在此处执行的操作是在未选中 / 选中 复选框时在div中添加 / 删除文本。
这是我尝试做的购物车:
function addCartItem(checkboxElement,cartElement,cartItemElement){
var s = "";
if(checkboxElement.checked == true){
s = document.getElementById(cartItemElement).innerHTML += checkboxValue;
updatePrice();
}
else{
s = document.getElementById(cartItemElement).innerHTML = checkboxValue;
s = s.replace(s,"");
updatePrice();
}
}
我无法使其正常工作,它不会从未选中的复选框中删除该值。
更新我有此复选框调用函数,如下所示:
<input type="checkbox" onclick="addCartItem(this,'cartElement','cartItemElement');" value="StarBreeze: TWD Demo |1337">
我会尝试这样的
function addCartItem(checkboxElement,cartElement,cartItemElement){
var s = document.getElementById(cartItemElement).innerHTML;
if(checkboxElement.checked == true)
{
s += checkboxValue;
}
else
{
s = s.replace(checkboxValue,"");
}
document.getElementById(cartItemElement).innerHTML = s;
updatePrice();
}
但我不确定复选框的值来自何处以及它的外观。
在其他方式上,您可以使用jquery! jQuery会让它太简单了! 试试! :)
$(function () { $("#yourCheckBox").click(function () { if ($(this).is(":checked")) { $("#showHideDiv").show(); } else { $("#showHideDiv").hide(); } }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <label for="checkbox"> <input type="checkbox" id="yourCheckBox" /> Your Checkbox! </label> <hr /> <div id="showHideDiv" style="display: none"> I am here! </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.