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