Javascript-我在Javascript函数中创建了复选框，需要帮助链接它们

Javascript- I have created checkboxes in a javascript function need help linking them

本文关键字：帮助 链接 复选框 Javascript 我在 函数 创建 Javascript-      更新时间：2023-09-26

我只是想知道是否有人能帮助我了解让事情发生的方法如果选中复选框，然后点击按钮？

我知道如何赋予按钮功能，但我不知道如何在选中复选框后按下按钮时显示复选框值。

我将在这里添加一个小代码片段-任何建议都将不胜感激！

这是我创建复选框输入的javascript

var caption = imgurl[i].getElementsByTagName('caption')[0].firstChild.data;
var checkBox = document.createElement("INPUT");
checkBox.setAttribute("type", "checkbox");
checkBox.setAttribute("value", caption);
div2.appendChild(checkBox);

当选中其中一个复选框并按下此按钮时，我希望复选框值显示在名为"textspace"的div中

这是按钮的html

<input type = "button" value = "Add item to Cart" id = "shoppingcart">

您已经在变量checkBox中输入了复选框，通过在按钮上添加click的事件侦听器来显示其checked属性。

btn.addEventListener('click', function() {
  result.innerText = checkBox.checked;
});

代码段：

var caption = 'Caption', 
    div = document.getElementById('chk'), 
    result = document.getElementById('result'), 
    btn = document.getElementById('shoppingcart')
;
var checkBox = document.createElement('INPUT');
checkBox.setAttribute('type', 'checkbox');
checkBox.setAttribute('value', caption);
div.appendChild(checkBox);
btn.addEventListener('click', function() {
  result.innerText = checkBox.checked;
});
<div id="chk"></div>
<input type="button" value="Add item to Cart" id="shoppingcart">
<hr/>
<div id="result"></div>

相关文章：