jQuery的：我怎麼引用這個選擇

Question

我想所有的輸入：

• 是複選框，

• 已籤和

• 有類名其中包括「 - 所需」。

我都這樣了，嘗試了好幾種變化，但沒有任何工程： $("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:checkbox:checked[class*='-required']")作爲選擇

下面是一個工作fiddle

Answer 2

試試這個選擇：

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

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

編輯：擺弄你的榜樣

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

Answer 3

試試這個選擇

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

這裏是一個活生生的例子

demo