单击 JQuery 中的复选框时将 * 附加到我的 DIv

【问题标题】：Attach a * to my DIv on click of the checkBox in JQuery单击 JQuery 中的复选框时将 * 附加到我的 DIv
【发布时间】：2012-04-17 20:35:24
【问题描述】：

我是 JQUery 的新手。如果我按要求检查了checkBox，我需要将 * 放入 div。

    <label class='Label3'>Options
    <input id='option1' class='checkbox' type='checkbox'></input><label class='choice' for='checkbox'>Required</label>
    <input id='option2' class='checkbox' type='checkbox'></input><label class='choice' for='checkbox'>No duplicates</label>
    </label>

如果我选择了option1，那么我需要获得一个 * 附加到在此之前已经生成的我的 Div。我该怎么做？

【问题讨论】：

“需要获得*”是什么意思？

标签： jquery checkbox

【解决方案1】：

您只需要 onclick 事件。

$('#option1').click(function() {
  if (this.checked) {
     $('#targetDiv').text('*');
  } else {
     $('#targetDiv').text('');
  }
});

See this example.

【讨论】：

我需要在 Div 的顶部附加一个 *
我确实做到了，这也应该略有不同。发布示例。（尚未测试）
在示例中我使用了跨度。 span 比 div 更有意义，因为您可能希望它与问题的文本内联。
如果你想要 div 附加 *，然后看这个例子：jsbin.com/ataje 这种方法的缺点是你必须确保 div 中 * 的状态是与复选框一致。 span 方法总是有效的，因为它完全替换了 span 的状态，而 div 假设当它添加星标时，它还没有星标（比如在页面加载时）。当然，您可以添加检查，但似乎比跨度更复杂的解决方案。