Question

我有这段代码：

<div style="padding-bottom:11px;">

<input class="radio" type="radio" value=" join our table" name="Choose:">
<label class="optionLabel"> join our table</label>

</div>

我想要做的是检查单选按钮以显示div，类似于工具提示。

问题是我不知道如何检查单选按钮的时间。

欢迎任何建议。谢谢！

Answer 1

要检测广播输入元素上的点击或更改事件，并在响应中显示div：

$('input:radio').click(
    function(e){
        if ($(this).is(':checked')){
            $(selectorForRelevantDivElement).show();
        }
    });

或者：

$('input:radio').change(
    function(e){
        if ($(this).is(':checked')){
            $(selectorForRelevantDivElement).show();
        }
    });

您还可以使用on()方法，并绑定到无线电输入的祖先元素（这用于将事件处理分配给动态创建的元素）：

$('form').on('change click', 'input:radio', function(e){
        console.log(e.type); // shows the event, whether 'click' or 'change'
        if ($(this).is(':checked')){
            $(selectorForRelevantDivElement).show();
        }
    });

参考文献：

Answer 2

您需要jQuery更改事件处理程序。像这样：

$(".radio").change(function(e){
    // create your div here
});

Answer 3

您可以使用单选按钮进行单选按钮..甚至可以使用更改事件..

$(function() {
    $('.radio').on('click', function(){
        $('.a').show();        
    });
});

选中此UPDATED FIDDLE

您可以通过多种方式选择单选按钮

$('.radio').on('click', function(){

$('input[type=radio]').on('click', function(){

DYNAMIC ELEMENT FIDDLE

单选按钮检查显示div

3 个答案: