从原型中选定的复选框获取innerHTML文本

首先,你应该使用 <label> 复选框文本上的标记。这是一个可访问性问题。使用标签还有一个额外的好处,就是可以单击标签文本来选中该框,这是许多用户(包括我在内)已经习惯的。。。

<ul id="litemsd">
  <li class="litemd">
    <input type="checkbox" id="d1" name="d1" />
    <label for="d1">Number One</label>
  </li>
  <li class="litemd">
    <input type="checkbox" id="d2" name="d2" />
    <label for="d2">Numer Two</label>
  </li>
  <li class="litemd">
    <input type="checkbox" id="d3" name="d3" />
    <label for="d3">Numer Three</label>
  </li>
</ul>

作为一个额外的好处,这使您的代码更容易。。。

$$('li.litemd input:checked').each(function(s) {
  alert(s.next().innerHTML)
});

你要找的是HTML,不是输入。

1,但不是那么漂亮:

$$('li.litemd').pluck('checked').each(function(s) {
    alert(s.up().innerHtml.split('/>')[1])
});

2.将文本加粗

<li class="litemd"><input type="checkbox" name="d1" /><div>Number One</div></li>
<li class="litemd"><input type="checkbox" name="d2" /><div>Numer Two</div></li>
<li class="litemd"><input type="checkbox" name="d3" /><div>Numer Three<div></li>

然后

$$('li.litemd').pluck('checked').each(function(s) {
    alert(s.next().innerHTML)
});