解决nextSibling.nodeValue取不到checkbox后文本内容的问题

最新推荐文章于 2019-11-25 17:05:37 发布
最新推荐文章于 2019-11-25 17:05:37 发布
阅读量1.3k 收藏 2
点赞数 1
分类专栏： Html 文章标签： checkbox 复选框 js 获取复选框后的文本值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_39169957/article/details/78105194
版权

今天在写一个功能的时候需要获取到checkbox后的文本内容，于是去网上搜，大部分都是下图这样的（图片是网上随便截取的）


我就按照上图的方法试了一下，取到的值一直都是null

后来看到有一篇博客说文本值必须要在input后面，我看了我的确是在的，也没有什么问题

后来发现是我在文本内容外另外加了<span>标签才导致取不到值，去掉标签就可以了，只留文本



XC_Echizen
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
jQuery实现获取选中复选框的值
GoGoCoder
06-20 9万+
jQquery实现获取选中复选框的值应用场景：我们应该经常见到系统中出现列表，会有一个对列表数据的操作（如删除， 修改，查看等）。我们可以在每个列表项后面加一个删除按钮，把列表项的 相关参数（如 id）post到后台进行删除。当然如果你每次只要删除一两条数 据这样子做并没有什么问题，但是如果你需要一次性删 除100条，你还去一条 条的删除吗？每一次删除10条会不会更好些呢？
关于nextSibling和nodeValue
hybxiaodao的博客
06-10 857
&lt;input type="radio" name="radio1" value="A" /&gt;A &lt;input type="radio" name="radio1" value="B" /&gt;B &lt;input type="radio" name="radio1"
js nextSibling属性和previousSibling属性
热门推荐
Sux
04-30 2万+
js nextSibling属性和previousSibling属性            1：nextSibling属性        该属性表示当前节点的下一个节点（其后的节点与当前节点同属一个级别）；如果其后没有与其同级的节点，则返回null。       需要特别注意的是：该属性在不同的浏览器中的执行结果并不都相同，见下面例示：      先来看
关于nextSibling的用法
十步一杀
11-03 2019
 不知道不知道不知道
javascript获取元素文本内容的通用函数
10-29
### JavaScript 获取元素文本内容的通用函数 在网页开发过程中，我们经常会遇到需要获取或操作页面上元素文本内容的情况。为了简化这一过程并提高代码的复用性，开发一个通用的函数来获取元素文本内容是非常有必要...
谈谈JS中常遇到的浏览器兼容问题和解决方法
10-20
为了解决这些问题，我们需要理解常见的兼容性问题并掌握相应的解决策略。 首先，我们来看看页面宽高获取的兼容性问题。在JS中，获取页面宽高通常涉及`clientWidth`、`clientHeight`、`scrollWidth`和`scrollHeight`...
JS 如何获取radio选中后的值及不选择取radio的值
10-26
var 日元 = document.getElementsByName("money")[1].nextSibling.nodeValue; var 欧元 = document.getElementsByName("money")[2].nextSibling.nodeValue; ``` 然而，这种方式可能会因为文本节点的处理而出现问题...
js nextSibling属性和previousSibling属性概述及使用注意
10-27
如果是文本节点（`nodeType`为3），可以通过`nodeValue`获取文本内容。如果是个元素节点，可以使用`innerHTML`、`textContent`等属性获取或设置元素的内容，或使用`getAttribute`和`setAttribute`操作元素的属性。 ...
js获取Treeview选中的节点(C#选中CheckBox项)
10-27
// 如果TreeNode的NavigateUrl设置了值，此处的nextSibling.pathname将返回该值 // 否则，可能需要其他方式获取节点值 } } ``` 为了收集所有选中节点的值，可以创建一个数组`idlist`，并在循环中将选中节点的值...
Python html中一级元素.next_sibling打印为空
u011378313的博客
01-17 2218
在学到BeautifulSoup库的兄弟节点有了疑惑，希望见到这篇文章的各位大神们能帮我解决这个疑惑。以下是出现问题的代码，没有报错，只是实现与我期望的不同。from bs4 import BeautifulSoup sibling_html = """                         biubiubiupiupiupiu             哔哩哔哩           
js原生获取同胞元素
litong131219的博客
11-25 1176
父元素和子元素不需要过多的解释，同胞元素是指元素的上一个元素或者是子元素的下一个元素。 获取上一个或者下一个同胞元素，使用很多人会立马想到JQuery prev() 和 next() 的确非常方便。那么原生的JavaScript该怎么获取 上一个 或者 下一个 同胞元素呢？ 界面实际元素 <body> <ul>1</ul> <ul class="...
JavaScript获取兄弟节点
zmall博客
12-18 1136
//获取兄弟节点 function getSiblings(elem) { var r = []; var n = elem.parentNode.firstChild; for(; n; n = n.nextSibling) { if(n.nodeType === 1 && n !== elem) { r.push(n);
js nextSibling属性和previousSibling属性和NodeType返回类型
sou3713的专栏
07-08 1626
1：nextSibling属性         该属性表示当前节点的下一个节点（其后的节点与当前节点同属一个级别）；如果其后没有与其同级的节点，则返回null。        需要特别注意的是：该属性在不同的浏览器中的执行结果并不都相同，见下面例示：       先来看一个例子：     view plaincopy to clipboardpr
jquery设置checkbox为checked状态不改变的解决办法
Jinx
06-10 9700
使用jQuery设置checkbox为选择状态时，我们通常会使用$(this).attr("checked", true); //或者 $(this).attr("checked", checked);但是当你的jquery版本大于1.6的时候，这种只能生效一次，后面你只会看到checkbox的checked属性会增加checked但是现实的状态是没有打钩的。这种情况下你就不能使用(this).at
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值