怎么用jQuery获取选中的label标签?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用jQuery获取选中的label标签?相关的知识,希望对你有一定的参考价值。
<div data-toggle="buttons" class="btn-group btn-overlap btn-corner">
<label class="btn btn-white paper_source active" curr_button="user_uploaded" rel="#user">
<input type="radio" value="1">
<i class="icon-only ace-icon bigger-110">本周</i>
</label>
<label class="btn btn-white paper_source" curr_button="user_favorite" rel="#user">
<input type="radio" value="2">
<i class="icon-only ace-icon bigger-110">本月</i>
</label>
</div>
我写了个$('.paper_source').click(function(e)); 但是没触发。求大神解答
直接获取label对应的input对象就行,因为label会触发其对应的input对象,触发形式有两种,你这里用label将input对象包裹起来的写法是隐式触发,另一种显示触发是为label加上for属性,属性值指向input对象的id,无论采取哪种方法,label标签的点击事件都会传递到input对象上,所以这里可以这样获取:
// 点击触发,获取当前点击那个值就行$('.btn-group.btn-overlap.btn-corner').find(':radio').click(function()
console.log($(this).val());
)
// 直接获取,获取哪个选中
var rdoValue = $('.btn-group.btn-overlap.btn-corner').find(':radio:checked').val();
console.log(rdoValue); 参考技术A $("input[type=radio]:checked")
这就选中了
jquery获取select标签的选中元素
select 标签配合 option 使用,是很好的下拉菜单,获取选中的选项值,可以用 jquery 的 api 简单直接的获取:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <select id=‘selection‘ onclick="clickClick()"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> <script src=‘jquery-1.11.3.js‘></script> <script> function clickClick(){ console.log($(‘#selection‘).find(‘option:selected‘).text()); } </script> </body> </html>
以上是关于怎么用jQuery获取选中的label标签?的主要内容,如果未能解决你的问题,请参考以下文章