Javascript jQuery-使用iButton获取特定复选框的值

Javascript jQuery-使用iButton获取特定复选框的值,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,有人能告诉我如何得到发送的复选框的值吗?如果我使用$input,则this.val变量未定义,如果我使用$input.val,则仅获取第一个复选框的值 我使用了中的示例代码,但这将返回一个包含所有选中复选框的数组。我只想更改特定的复选框。Thx提前。这里是您的代码稍微修改过的版本。我更改了每个元素,使其具有唯一的id,并进行了ajax调用。请注意,我还向传递给更改方法event的函数添加了一个参数,这可能是访问已更改复选框的最简单方法。->事件目标 <form id="blabla" me

有人能告诉我如何得到发送的复选框的值吗?如果我使用$input,则this.val变量未定义,如果我使用$input.val,则仅获取第一个复选框的值


我使用了中的示例代码,但这将返回一个包含所有选中复选框的数组。我只想更改特定的复选框。Thx提前。

这里是您的代码稍微修改过的版本。我更改了每个元素,使其具有唯一的id,并进行了ajax调用。请注意,我还向传递给更改方法event的函数添加了一个参数,这可能是访问已更改复选框的最简单方法。->事件目标

<form id="blabla" method="post">
<input type="checkbox" name="test" id="iButton" value="1" class="button" />
</form>

<form id="blabla" method="post">
<input type="checkbox" name="test" id="iButton" value="1" class="button" />
</form>

$(document).ready(function (){
      $(":checkbox").iButton({
            change: function() {
                var sendData = $("input", this).val();
                var dataString = "cmd="+sendData;
                $.ajax(
                {type:"POST",
                url: "http://meinserver.com",
                data: dataString,
                success: alert(dataString)}
                );
                return false;
            }
      });
    });
我使用的是我不想错过的:我想确实没有必要将id放入要转换为iButton的复选框的输入标记中。没有我的剧本就可以了

以下是我找到的解决问题的方法

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
<form id="blabla1" method="post">
<input type="checkbox" name="test" id="iButton1" value="1" class="button" />
</form>

<form id="blabla2" method="post">
<input type="checkbox" name="test" id="iButton2" value="1" class="button" />
</form>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script>
$(document).ready(function (){
    $(":checkbox").change(function(event){
        alert($(event.target).is(':checked'));
    });
});
</script>
    </body>
</html>

你试过$this.val吗?你也不应该有超过1个元素具有相同的idI,但这不会响应任何内容…我必须在我的帖子上发表评论,而不是你的,因为我没有足够的代表点。我确实错过了您使用iButton的机会,老实说,我以前没有听说过该插件,所以我认为这正是您制作ID的原因:
<form id="myform" method="post">
<input type="checkbox" name="mykey" value="myvalue" id="iButton"/>
</form>

<form id="myform" method="post">
<input type="checkbox" name="mykey" value="myvalue" class="button"/>
</form>

<script type="text/javascript">
    $(document).ready(function (){
      $(":checkbox").iButton({
            change: function($input) {
                var sendData = $($input).val();
                var dataString = "cmd="+sendData;
                $.ajax(
                {type:"POST",
                url: "http://meinserver.com",
                data: dataString,
                success: alert(dataString)}
                );
                return false;
            }
      });
    });
</script>