Question

我有一个虚构的零售网站，每个产品下都有复选框。为了简化操作，我只想让代码检查是否选中了复选框，然后提醒用户他们想要购买这些商品。我先做了一件事，但不知道我哪里出错了。

var message = "";
function myFunction()
{

if (document.1.checked == true)
window.alert("Hey")

}


<label>
        <input type="checkbox" name="1" id="1" />
      </label> Add to Basket

Answer 1

以下是Vanilla JavaScript方式：

function areThereAnyCheckedCheckboxes() {
    var inputs = document.getElementsByTagName('input'),
    for(var i = 0; i < inputs.length; i++) {
        var ipt = inputs[i]
        if(ipt.type.toLowerCase() === 'checkbox' && ipt.checked === true){
            alert('One of the inputs is checked!');
            break;
        }  
    }

}

如果你使用jQuery，你可以这样做：

var checkboxes = $('input[type="checkbox"]:checked');
if(checkboxes.size() > 0)
   alert('One of the checkboxes is checked');

这将为您提供所有复选框。

Answer 2

变化：

if (document.1.checked == true)

在：

if (document.querySelector('#1').checked == true)

Answer 3

如果您想检查是否选中了特定的复选框：

if(document.getElementById('1').checked) {
  alert("You checked item 1");
}

Javascript重复复选框检查

3 个答案: