如何使用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();