jQuery -使用iButton获取特定复选框的值
jQuery - Get value of specific checkbox using iButton
<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>
相关文章:
- 从复选框和Selects-KnockoutJS中获取值的总和
- 如何从javascript/jquery中的复选框中获取布尔值
- 如何从javascript/jquery中的多个复选框中获取附加值
- 如何从多个复选框中获取最后一个值
- 如何获取模式引导程序上的值复选框
- 如何获取所有选中复选框的所有值,然后将其提交到表单中
- 如何在javascript中获取一组复选框值
- 如何创建php函数或任何脚本/jquery Javascript,使我能够获取与复选框关联的值并添加它们
- 使用javascript提交表单并从字段/单选框/复选框/文本区域获取数据
- 如何根据在角度 js 中选中的复选框获取表行值
- 根据选中的复选框获取
的值 - 从行中的复选框获取表值
- 如何通过JQuery中的复选框获取选定列的值
- PHP:基于复选框获取工作日和休息日
- 在jquery中不能从表单复选框获取和传递值到$_POST
- 通过ng-repeat, ng-model和复选框获取数组中的位置
- 单击复选框获取表格行id值
- 如何在Angular JavaScript中使用复选框获取动态JSON数据
- Javascript:从复选框获取对象
- 使用复选框获取行值