如何使用jQuery和漂亮的復選框插件獲取input [type = checkbox]的值

Question

現在，我在HTML部分上有以下代碼：

<div class="clearfix prettycheckbox labelright blue">
   <input class="car_type" type="checkbox" value="16" name="" style="display: none;">
   <a class="" href="#"></a>
   <label for="undefined"></label>
</div>

到目前為止，我在JS中有什么：

$('.prettycheckbox').click(function () {
      var clickedValue = $(this).//here I need some code to get the input before
      alert('Value is ' + clickedValue);
});

因此，我基本上需要獲取被單擊的div.prettycheckbox內部的輸入字段的值（16; value =“ 16”）。

怎么做？

Answer 1

$('.prettycheckbox').click(function () {
      var clickedValue = $(this).find(':checkbox').val();
      alert('Value is ' + clickedValue);
});

Answer 2

var clickedValue = $(this).children('.car_type:checkbox').val();

Answer 3

試試這個代碼：

$('.prettycheckbox').click(function () {
      var clickedValue = $(this).children('input[type=checkbox]').val()
      alert('Value is ' + clickedValue);
});

Answer 4

$(this).find('input[type=checkbox]:checked').val();