在表单提交中获取复选框值,并使用jQuery将其存储在变量中
Get checkbox value on form submit and store in a variable using jQuery
有一个使用多个复选框的表单,该复选框的类为"test"(只能检查其中一个复选框,但与使用单选按钮类似-不是我的想法btw!)。
提交表单时,我想获得选中的复选框的值,并将其存储在变量中——这里有人能帮忙吗?
干杯!
Chris
$("form").submit(function() {
var aVariable = $('input.test[type="checkbox"]:checked', this).val();
});
如果对空的jQuery对象调用.val()
,则返回undefined
,如果未选中复选框,则会出现这种情况。
请在码本上尝试以下解决方案:
注意:首先在header标记上添加最新的jquery.js javascript文件。
HTML:
<form id="frm1" method="post">
<input type="radio" class="test" checked="checked" value="radio1">
Radio1
<input type="radio" class="test" checked="checked" value="radio2">
Radio2
<input type="radio" class="test" value="radio3">
Radio3
<br/>
<input type="checkbox" class="test" checked="checked" value="check1">
Check1
<input type="checkbox" class="test" value="check2">
Check2
<input type="checkbox" class="test" checked="checked" value="check3">
Check3
<br/>
<input type="submit" value="submit" />
</form>
脚本标签中的jQuery:
$(function() {
$("#frm1").submit(function() {
$("input.test[type=checkbox]:checked").each(function() {
alert($(this).val());
});
return false;
});
});
我已经完成了上面的垃圾箱http://codebins.com/bin/4ldqpap
这将适用于
$(function() {
$("#frm1").submit(function() {
$("input.test[type=checkbox]:checked").each(function() {
alert($(this).val());
});
return false;
});
});
var inputElements = document.getElementsByClassName('messageCheckbox');
var checkedValue=[];
for(var i=0; inputElements[i]; ++i){
console.log(inputElements[i]);
if(inputElements[i].checked){
checkedValue.push(inputElements[i].value);
}
}
alert(checkedValue)
相关文章:
- 从jQuery调用存储在Variable中的函数
- 如何将while循环中生成的值存储到变量中,以便以后在JQuery中使用
- 存储JQuery中的选项值
- 丢失对jQuery存储的select元素的引用
- jQuery:存储自定义事件之间的数据
- 获取数据的价值,用jquery存储在数组中,存储在数组中
- 如何使用 file:/// 协议和 IE/Edge 浏览器使用 JS/JQuery 存储持久数据
- 我想清除jQuery存储的所有数据
- 将jQuery存储到变量中
- 将Javascript/JQuery存储在一个自包含的C#类中
- 如何使用JavaScript和jQuery存储数据
- jQuery存储要在回调中使用的任意元素数据
- 计算器Javascript/Jquery存储变量
- Jquery /存储对数组的引用-而不是数组值
- jQuery存储或传输选择(下拉)的元素
- Jquery存储链接到变量
- Javascript或Jquery存储项目集合
- 将jQuery存储在变量中,然后发出警报
- 使用jQuery存储单选按钮输入的数值
- Javascript将html/jquery存储在变量中