【问题标题】:Get the href values that have a checkbox checked?获取选中复选框的 href 值?
【发布时间】:2013-05-19 22:33:31
【问题描述】:

假设我有类似的东西:

<input class="checkbox_google" type="checkbox"><a href="http://fr.wikipedia.org/wiki/10_avril" onmousedown="return"><em>10</em> avril - Wikipédia</a>
<input class="checkbox_google" type="checkbox"><a href="http://fr.wikipedia.org/wiki/10_avril" onmousedown="return"><em>10</em> avril - Wikipédia</a>
<input class="checkbox_google" type="checkbox"><a href="http://fr.wikipedia.org/wiki/10_avril" onmousedown="return"><em>10</em> avril - Wikipédia</a>

如果可能的话,我想获取之前选中复选框的 href 值。

编辑:我正在开发一个 mozilla 扩展,扩展应该做的是在谷歌搜索生成的每个链接之前添加一个复选框,到目前为止它很好,但我现在需要的是获取具有复选框的链接检查。很抱歉造成混乱

提前致谢。

【问题讨论】:

  • 嗯?我很困惑。
  • 我们是否必须为您解码问题.. 除非您明确提出问题,否则没有人可以帮助您
  • 好吧,对不起,我试着解释得更好 ps:谢谢adeno 的编辑^^

标签: javascript html xul


【解决方案1】:
var boxes = document.getElementsByClassName('checkbox_google');
    hrefs = [];

for (var i=0; i<boxes.length; i++) {
    if (boxes[i].checked) 
        hrefs.push( boxes[i].nextSibling.href );
}

console.log(hrefs.join(', ')); // now has the href valus of the checked boxes

FIDDLE

【讨论】:

  • 再次非常感谢 adeneo 这正是我所需要的,非常感谢您这么快
  • 这通过选择下一个兄弟来工作,并注意输入和锚点之间的换行符或空格将被注册为 textNode,并被 nextSibling 拾取,因此工作,代码必须像问题中一样,输入和以下锚元素之间没有空格。
猜你喜欢
  • 2012-07-20
  • 1970-01-01
  • 1970-01-01
  • 2021-04-19
  • 2014-03-30
  • 1970-01-01
  • 2017-01-16
  • 1970-01-01
相关资源
最近更新 更多