怎样通过点击复选框来获取复选框子元素输入框的内容?

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。

参考技术A 尝试如下代码,在 Friefox 54 及 IE 11 下测试可行 DOCTYPE html> title> checkbox"id="checkbox1"value="跑步">跑步 checkbox"id="checkbox2"value="打球">打球 checkbox"id="checkbox3"value="登山">登山 checkbox"id=... 参考技术B 不能你可以使用快捷键搞定 参考技术C javascript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 参考技术D 通过碘酊互选会来获取不显矿质元素输入框的内容是有很多的

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>本回答被提问者和网友采纳

以上是关于怎样通过点击复选框来获取复选框子元素输入框的内容?的主要内容,如果未能解决你的问题,请参考以下文章

PHP中怎样获取radio单选框的值

thinkphp中怎样获取radio单选框的值(单选框较多)

如何通过单击父 <label> 元素来获取输入字段的状态?

eclipse如何创建文本框并获取它的信息

单选框

jsp中选择单选框改变下面显示的值,这个代码如何实现