Question

我想获得所有输入：

这是复选框，
已检查并
的班级名称包含“-required”。

我有这个，并尝试了几种变化，但没有任何作用：的 $("input:checkbox[class*='-required']:checked");

示例html：

<form name="myform" method="POST">
        <div id="checkFruits">FRUITS: </div>
            <input type="checkbox" id="chkFruit" class="chkFruit test-234-required" name="fruit" value="Apples" />Apples <br />
            <input type="checkbox" id="chkFruit" class="chkFruit test-234-required" name="fruits" value="Oranges" />Oranges <br />
            <input type="checkbox" id="chkFruit" class="chkFruit test-234-required" name="fruits" value="Pears" />Pears <br />
            <input type="checkbox" id="chkFruit" class="chkFruit test-234-required" name="fruits" value="Grapes" />Grapes <br /><br />
            <input type="button" id="btnCheckFruit" value="Check Fruits" name="btnCheckFruit" />
<hr />
        <div id="checkCars">CARS: </div>
            <input type="checkbox" id="chkCar" class="chkCar" name="fruit" value="Lexus" />Lexus <br />
            <input type="checkbox" id="chkCar" class="chkCar" name="fruits" value="Maxima" />Maxima <br />
            <input type="checkbox" id="chkCar" class="chkCar" name="fruits" value="Cadillac" />Cadillac <br />
            <input type="checkbox" id="chkCar" class="chkCar" name="fruits" value="Lincoln" />Lincoln <br /><br />
            <input type="button" id="btnCheckCar" value="Check Cars" name="btnCheckCar" />
<hr />
            <ul>
                <li>foo</li>
                <li>bar</li>
</ul>

    </form>

Answer 1

尝试这个选择器：

$("input:checked[type='checkbox'][class*='-required']");

http://jsfiddle.net/jbduzan/G64xR/1/

编辑：摆弄你的例子

http://jsfiddle.net/jbduzan/G64xR/2/

Answer 2

尝试此选择器

$('input.-required:checkbox:checked')

这是一个实例

demo

Answer 3

您可以使用$("input:checkbox:checked[class*='-required']")作为选择器

这是一个有效的fiddle

Jquery：我如何引用这个选择器

3 个答案: