【问题标题】:Getting checkbox value from <span> with jquery使用 jquery 从 <span> 获取复选框值
【发布时间】:2013-09-01 08:19:58
【问题描述】:

http://ghinda.net/css-toggle-switch/bootstrap.html

我使用上面的 css 文件和代码来做一个切换开关。我想检查检查了哪个结果,但我从未使用过使用&lt;span&gt;&lt;/span&gt; 标签的东西。

我已经尝试搜索以找到我的问题的答案,但我没有找到正确的答案,所以我决定问。

我的代码:

<label class="checkbox toggle well" onclick="">
            <input id="view" type="checkbox" checked />
            <span>
            Spotlight
            <span>Off</span>
            <span>On</span>
            </span>
            <a class="btn btn-primary slide-button"></a>
            </label>

如何获得与所选值相对应的值?

如果您可以将我重定向到带有答案的帖子或回答我的问题,我将不胜感激。提前谢谢你。

【问题讨论】:

  • off 值应对应于未选中的复选框,反之亦然
  • 有很多解决方案,包括测试 span 内的文本,但我更喜欢在 span 中添加一个 data-* 属性,然后像&lt;span data-state="off"&gt;Off&lt;/span&gt;&lt;span data-state="on"&gt;On&lt;/span&gt; 一样使用它,然后使用它访问它$(spanelement).data('state')
  • 因为我错过了这个问题,所以我删除了我的答案。对不起。
  • 我应该给跨度元素唯一的ID,以便与您的jquery一起使用吗?
  • 感谢您尝试塞巴斯蒂安啊哈甚至没有机会看到您的答案!

标签: jquery twitter-bootstrap checkbox


【解决方案1】:

jQuery:

$('#view:checked') ? "it's on" : "it's off";

您不必为了获得检查值而触摸这些跨度。

【讨论】:

  • 或者用户$('#view').checked直接得到真假答案。
【解决方案2】:

试试这个,

if($('#view').is(':checked')) {
 alert('on');
}
else {
 alert('off');
}

【讨论】:

  • 感谢您的明确回复!我会把你的设置为正确的答案,但 Shomz 先回答,这是唯一公平的!
  • 好的。没问题。但两者是不同的技术。就是这样
猜你喜欢
  • 1970-01-01
  • 2018-08-25
  • 2012-12-20
  • 1970-01-01
  • 2012-07-02
  • 2010-11-20
  • 2012-06-07
  • 2013-06-07
  • 2021-09-21
相关资源
最近更新 更多