如何使用jQuery和pretty checkbox插件获取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();