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