【发布时间】:2013-09-01 08:19:58
【问题描述】:
http://ghinda.net/css-toggle-switch/bootstrap.html
我使用上面的 css 文件和代码来做一个切换开关。我想检查检查了哪个结果,但我从未使用过使用<span></span> 标签的东西。
我已经尝试搜索以找到我的问题的答案,但我没有找到正确的答案,所以我决定问。
我的代码:
<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-* 属性,然后像
<span data-state="off">Off</span>和<span data-state="on">On</span>一样使用它,然后使用它访问它$(spanelement).data('state') -
因为我错过了这个问题,所以我删除了我的答案。对不起。
-
我应该给跨度元素唯一的ID,以便与您的jquery一起使用吗?
-
感谢您尝试塞巴斯蒂安啊哈甚至没有机会看到您的答案!
标签: jquery twitter-bootstrap checkbox