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

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

//

您这问题比模糊确认一下需求吧,

复选框子元素输入框的内容是什么?

点击事件中取得复选框选中的单元格值

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<$trslength;i++){

var product = $("td:eq(2)",$($trs[i]))html(); //获取选中行第二个单元格的值

productspush(product); //将选中的值放到数组中

var ordernum = $("td:eq(3)",$($trs[i]))html(); //获取选中行的第3个单元格的值

ordernumspush(ordernum);

var ordernum1 = $("td:eq(6)",$($trs[i]))html(); //获取选中I行的第6个单元格的值

ordernums1push(ordernum1);

}

alert(products + ";" + ordernums + ";" + ordernums1);

————————————————

js:

//js获取复选框值

var obj = documentgetElementsByName("interest");//选择所有name="interest"的对象,返回数组

var s='';//如果这样定义var s;变量s中会默认被赋个null值

for(var i=0;i<objlength;i++){

if(obj[i]checked) //取到对象数组后,我们来循环检测它是不是被选中

s+=obj[i]value+','; //如果选中,将value添加到变量s中

}

jquery:

//jquery获取复选框值

var chk_value =[];//定义一个数组

$('input[name="interest"]:checked')each(function(){//遍历每一个名字为interest的复选框,其中选中的执行函数

chk_valuepush($(this)val());//将选中的值添加到数组chk_value中

});

1、创建如下结构的测试文件-- Content,-- jquery-1113minjs,-- JquerySelecthtml。

2、获取下拉框选中值:使用val()。

3、获取下拉框选中文本:使用find("option:selected")text()。

4、获取下拉框选中项的索引:使用get(0)selectedIndex。

5、通过value值设置下拉框的选中项:使用val("value值")。

6、通过text值设置下拉框的选中项。

7、通过value值删除下拉框的一个选项。

8、通过text值删除下拉框的一个选项。

ztree中获得选中的checkbox的值的方法和 *** 作步骤如下:

1、首先,创建一个HTML。 HTML是网页的基础和框架,如下图所示

2、其次,完成上述步骤后,在html中添加测试数据以测试是否已选中该复选框,如下图所示。

3、接着,完成上述步骤后,编写javascript, 单击该按钮时,将触发事件以获取选定的复选框值,如下图所示。

4、然后,完成上述步骤后,美化页面,添加样式文件,并引入jquery文件,如下图所示。

5、最后,完成上述步骤后,打开浏览器,打开测试页面,然后进行测试,如下图所示。这样,问题就解决了。

layui获取checkbox复选框值 - dongsir

HTML

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>layuiformcheckbox 获取选中</title>

<link rel="stylesheet" href="layui/css/layuicss" media="all">

</head>

<body>

<form class="layui-form"> <!-- 提示:如果你不想用form,你可以换成div等任何一个普通元素 -->

  <div class="layui-form-item">

    <label class="layui-form-label">复选框</label>

    <div class="layui-input-block">

      <input type="checkbox" name="CSDN" lay-filter="like" title="复选框一" value="dongsir">

      <input type="checkbox" name="CSDN" lay-filter="like" title="复选框二" value="董先生">

    </div>

  </div>

  <div class="layui-form-item">

    <label class="layui-form-label">开关关</label>

    <div class="layui-input-block">

      <input type="checkbox" name="switch" lay-skin="switch" value="董辉">

    </div>

  </div>

  <div class="layui-form-item">

    <label class="layui-form-label">开关开</label>

    <div class="layui-input-block">

      <input type="checkbox" name="switch" checked lay-skin="switch" value="董先生的CSDN">

    </div>

  </div>

  <div class="layui-form-item">

    <div class="layui-input-block">

      <button class="layui-btn" lay-submit lay-filter="">立即提交</button>

    </div>

  </div>

</form>

<script src="layui/layuijs"></script>

JS部分

代码:

layui获取checkbox复选框值

以上就是关于怎样通过点击复选框来获取复选框子元素输入框的内容全部的内容,包括:怎样通过点击复选框来获取复选框子元素输入框的内容、jQuery如何获取复选框选中项后的文字、ztree中如何获得选中的checkbox的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9453617.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存