如何检查是否已选中任何复选框

Question

我想查看是否已选中特定div中的任何复选框，以便继续进行我正在处理的多阶段表单。 当前，无论是否选中复选框，我都会收到警报“已选择平铺”。

HTML代码

<div class='material' id='material1'>
     <a class='product'><div class='tiles_bg' style='background:url(media/images/tile2.jpg);'><input class='select_all' id='tile' type='checkbox' name='1marm' value='Verde Guatemala'></div><p>Verde Guatemala</p></a>
     <a class='product'><div class='tiles_bg' style='background:url(media/images/tile1.jpg);'><input class='select_all' id='tile' type='checkbox' name='1marm' value='Bianco Carrara'></div><p>Bianco Carrara</p></a>
</div>

<button type="button" class="nasta" onClick="processStep1()">Nasta</button>

jQuery代码

var tile;
function _(x){
    return document.getElementById(x);
}

function processStep1(){
    tile = _("tile").value;
    if(!("tiles_bg input:checked").length) {
    /*  _("step1").style.display = "none";
        _("step2").style.display = "block"; */
        alert(tile);
    } else {
        alert("Tiles selected");    
    }
}

Answer 1

我的解决方案是使用类而不是id：

（$（“。checkboxclass”）。is（“：checked”））alert（“平铺标题”）;

Answer 2

我的建议是：

 var tile; function _(x){ return document.getElementById(x); } function processStep1(){ tile = _("tile").value; if(!$('#material1').find("input.select_all:checked").length) { // look for checked inside div /* _("step1").style.display = "none"; _("step2").style.display = "block"; */ alert(tile); } else { alert("Tiles selected"); } } 

 <script src="http://code.jquery.com/jquery-1.11.3.js"></script> <div class='material' id='material1'> <a class='product'><div class='tiles_bg' style='background:url(media/images/tile2.jpg);'><input class='select_all' id='tile' type='checkbox' name='1marm' value='Verde Guatemala'></div><p>Verde Guatemala</p></a> <a class='product'><div class='tiles_bg' style='background:url(media/images/tile1.jpg);'><input class='select_all' id='tile' type='checkbox' name='1marm' value='Bianco Carrara'></div><p>Bianco Carrara</p></a> </div> <button type="button" class="nasta" onClick="processStep1()">Nasta</button>