Question

我有一个HTML元素：

<a style='text-decoration:none;' id='$innerdata[0]' class='cat' href='#'>&nbsp;&nbsp;&nbsp;&nbsp;<input type='checkbox' name='vehicle' value='Bike'>&nbsp;$innerdata[1]</a>

我正在尝试获取复选框的值，但alert()正在打印未定义。

$('body').on('click', '.cat', function() 
{
    $topcat = $(this);
    alert ($topcat.closest().find('[type=checkbox]').val());
}

如何获取复选框的值？

Answer 1

忽略closest - 您需要的只是find

$topcat.find(':checkbox').val();

Answer 2

$('input[type=checkbox][name=vehicle]').val()     // general method using jQuery

您应该添加一些唯一的id或class，否则选择正确的输入可能会非常棘手。参见：

// Selects first checkbox with name `asd`
$('input[type=checkbox][name=asd]:eq(0)').val()   // jQuery
$('input[type=checkbox][name=asd]')[0].value      // jQuery + DOM

如何在Jquery中获取checkbox的值

2 个答案: