Question

我只是想知道是否有人可以帮助我解决发生问题的方法 IF 选中复选框并点击然后点击按钮？

我理解如何提供按钮功能但我不明白在选中复选框后按下按钮时如何显示复选框值。

我会在这里添加一些代码片段 - 任何建议都会非常感激！

这是我创建了我的复选框输入的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);

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

这是按钮的

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

Answer 1

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

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>

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

1 个答案: