使用Javascript从输入中获取价值

Question

我的html代码：

<li id='category-10'>
<label class="selectit">
<input value="10" type="checkbox" name="post_category[]" id="in-category-10" /> Developmental
</label>
</li>

我的JavaScript代码：

function onCategoryClick() {
 $(".selectit").click(function(e){
    var categoryValue = $(e.target).text();
    alert("The value is " + categoryValue);
 });
}

这将返回字符串“ The value is Developmental”，但我想要的是“ the value is 10”。我是Java语言的新手，我将如何定位输入中的value字段而不是文本？

我也尝试过

var categoryValue = $(e.target > input).value;

但这不会返回任何内容。

Answer 1

代替

$(e.target).text();

尝试

$(this).find('#in-category-10').val();

这里e.target对应于label 。 它具有文本“ Developmental”和嵌套的输入元素。 因此，您需要使用find来访问它。 （如果没有ID）

但是ID在页面上应该是唯一的。 因此，要访问元素，您可以直接使用id选择器

var categoryValue = $('#in-category-10').val();

请记住，输入没有text属性。 需要使用val方法