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

jQuery - Get value of specific checkbox using iButton

本文关键字：复选框 获取 使用 iButton jQuery      更新时间：2023-09-26
<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;
            }
      });
    });

谁能解释一下我怎么能得到发送的复选框的值?如果我使用$("input"， this).val()， var是未定义的，如果我使用$("input").val()，我只得到第一个复选框的值。

我使用了这里的示例代码，但这将返回所有选中的复选框的数组。我只希望有特定的复选框，这是改变。

我使用的iButton jQuery插件v1.0.03，我不想错过:)我想这是真的没有必要把id到输入标签的复选框，你想转换为iButton。它的工作没有我的脚本。

这是我找到的解决问题的方法。

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

这是稍微修改过的代码版本。我将每个元素更改为具有唯一的id，并取出ajax调用。注意，我还向传递给名为event的更改方法的函数添加了一个参数，这可能是获取更改的复选框的最简单方法。->事件。目标

<!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>
相关文章：