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

时间:2012-08-14 12:48:49

标签: javascript jquery

我有checkbox,其值 1

<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的'VALUE'。所以在这种情况下它应该 1

有任何线索可以做到吗?

谢谢!

4 个答案:

答案 0 :(得分:15)

在您的点击方法中,使用此方法获取值

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

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

编辑: 你也可以使用$(this).val();,但有时候我对IE的老版本有问题,所以我确实首先推荐了$(this).attr("value")

答案 1 :(得分:1)

​<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/

工作:)

答案 2 :(得分:1)

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

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

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

答案 3 :(得分:0)

val jQuery方法应该看对了你。

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

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