通过 JQuery 获取单击的复选框的值属性

Get value attribute of the clicked checkbox via JQuery

本文关键字:复选框 属性 单击 JQuery 获取 通过      更新时间:2023-09-26

我得到了这个值为 1checkbox

<input type="checkbox" name="option_1" id="checkbox_1" value="1">

我也使用此方法进行选中/取消选中。

$('input[id^="checkbox_"]').not('#checkbox_all').click(function () {
            $('#checkbox_all').prop('checked', false);
    // Get 'VALUE' of the checkbox here   
});

我需要的是以某种方式获得点击checkbox的"价值"。所以在这种情况下,它应该是 1

任何线索如何做到这一点?

谢谢!

在您的单击方法中,请使用此选项获取值

$(this).attr("value");

$(this)引用已单击的对象。

编辑:您也可以使用$(this).val();但有时我在旧版本的IE上遇到问题,所以我首先推荐$(this).attr("value")

​<html>
​<head>
​</head>
<body>
    <input type="checkbox" name="option_1" id="checkbox_1" value="1">
</body>
​</html>​​​​​​​
$('input[id^="checkbox_"]').not('#checkbox_all').click(function () {
            $('#checkbox_all').prop('checked', false);
   alert($(this).val());  
});​

http://jsfiddle.net/heten/

工作:)

我认为您只需要在点击事件中$(this).val();

此外,如果您稍后需要将该值用作 int,请使用

var x = parseInt($(this).val(),10);

val jQuery 方法应该没错。

$('#checkbox_all').val();

http://api.jquery.com/val/