Question

如何通过单击单选按钮获取span的值。我首选点击<div class='col-md-1 col-sm-1 col-xs-1 pad'> <input type='radio' name='test' value='' id='radio_btn'> </div> <div class='col-md-11 col-sm-11 col-xs-11 pad'> <span>Option_1</span> </div> $('#radio_btn').on('click', function(e){ alert($(this).find('span').text()) });给出其Span文本的值。这是我的代码。给我一些建议。提前致谢

.each

Answer 1

你可以做这样的事情

$(document).ready(function(){
    $("input[name='test']").click(function(){
        $("span").each(function(){
            alert($(this).text());
        });
    });
});

这是一个带有功能示例的link

Answer 2

实际上，你的函数中的'this'是$（'＃radio_btn'），因此输入中没有span，也不能。试试这个：

<div class='col-md-1 col-sm-1 col-xs-1 pad'>
    <input type='radio' name='test' value='' id='radio_btn'>
</div>

<div class='col-md-11 col-sm-11 col-xs-11 pad'>
     <span id="my_span">Option_1</span>
</div>

$('#radio_btn').on('click', function(e){
   alert($('#my_span').text());
});

Answer 3

单选按钮所在的div内没有span。你可以用它。检查jsfiddle。

$('#radio_btn').on('click', function(){
    alert($('.pad').find('span').text());
});

https://jsfiddle.net/31gqgc7n/2/

通过jquery获取span的值

3 个答案: