1

我想得到所有的输入：

  • 那些是复选框，

  • 被检查和

  • 具有包含“-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>
4

3 回答 3

2

试试这个选择器：

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

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

编辑：摆弄你的例子

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

于 2012-05-15T13:26:50.690 回答
2

试试这个选择器

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

这是一个活生生的例子

演示

于 2012-05-15T13:30:14.900 回答
1

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

这是一个工作小提琴

于 2012-05-15T13:33:25.307 回答