怎样通过点击复选框来获取复选框子元素输入框的内容？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎样通过点击复选框来获取复选框子元素输入框的内容？相关的知识，希望对你有一定的参考价值。
//您这问题比模糊确认一下需求吧，
复选框子元素输入框的内容是什么？
点击事件中取得复选框选中的单元格值
var products = [];
var ordernums = [];
var ordernums1 = [];
var $span = $('.fr-checkbox-checkon'); //获取选中的复选框
var $tds = $("td").has($span); //定义选中复选框的单元格
var $trs = $("tr").has($tds);
for(var i=0; i<$trs.length;i++)
var product = $("td:eq(2)",$($trs[i])).html(); //获取选中行第二个单元格的值
products.push(product); //将选中的值放到数组中
var ordernum = $("td:eq(3)",$($trs[i])).html(); //获取选中行的第3个单元格的值
ordernums.push(ordernum);
var ordernum1 = $("td:eq(6)",$($trs[i])).html(); //获取选中I行的第6个单元格的值
ordernums1.push(ordernum1);
alert(products + ";" + ordernums + ";" + ordernums1);
————————————————
js:
//js获取复选框值
var obj = document.getElementsByName("interest");//选择所有name="interest"的对象，返回数组
var s='';//如果这样定义var s;变量s中会默认被赋个null值
for(var i=0;i<obj.length;i++)
if(obj[i].checked) //取到对象数组后，我们来循环检测它是不是被选中
s+=obj[i].value+','; //如果选中，将value添加到变量s中
jquery:
//jquery获取复选框值
var chk_value =[];//定义一个数组
$('input[name="interest"]:checked').each(function()//遍历每一个名字为interest的复选框，其中选中的执行函数
chk_value.push($(this).val());//将选中的值添加到数组chk_value中
);追问
我的意思是当点击复选框然后弹出一个输入的弹出框，在输入框里写内容，怎样才能获取到输入的内容，我前面定义了字符串可是传出来的是我写的字符串。就是在输入框里输入xxxx，然后字符串传出来的是我写的字符串aaaa。
javascript 怎么获得单选框值
1、 给单选框设置相应的 name
2、 获取所有的单选框，循环判断，示例代码如下：
// 获取指定 name 的单选框的值function getValueForRadio(name)
// 获取所有的 input 元素
var nodes = document.getElementsByTagName('input');
// 循环判断
for (var i=0; i<nodes.length; i++)
// 如果类型是 radio，name 也符合要求，而且也被选中了
if (nodes[i].type==='radio' && nodes[i].name===name && nodes[i].checked)
//返回相应的值
return nodes[i].value;
3、 在你需要的地方，用合适的参数调用上面的函数 getValueForRadio 即可。
以上，请采纳，请给分。
参考技术A 例：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function test1()
alert(document.form1.radiobutton[0].value);
function test2()
alert(document.form1.radiobutton[1].value);
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input type="radio" name="radiobutton" value="测试按钮一的值" onClick="test1()" >
<input type="radio" name="radiobutton" value="测试按钮二的值" onClick="test2()">
</form>
</body>
</html>本回答被提问者和网友采纳
以上是关于怎样通过点击复选框来获取复选框子元素输入框的内容？的主要内容，如果未能解决你的问题，请参考以下文章