Question

我需要根据用户选择使用单选按钮界面编辑div内容。

这是我的HTML：

 <input type="radio" name="account_type" id="account_name_type" checked="checked" value="username">
    <label for="account_name_type" id="account_name_label" class="custom_font">{{ user:username }}</label>
 <input type="radio" name="account_type" value="nome_cognome">                                      
            <div class="cont_input">                                    
        <input id="nome" name="nome" type="text" value="{{ user:first_name }}">
            </div>

            <div class="cont_input">                            
        <input id="cognome" name="cognome" type="text" value="{{ user:last_name }}">
            </div>

这是剧本：

$("input[name='account_type']").change(function() {
    var selezionato = $("input[name='account_type']:checked").val();                                                   
    if( $.trim(selezionato) == "nome_congome" )
    {
        //var nome = $('#nome').attr('value');
        //var cognome = $('#cognome').val();
        //$('#mittente_step2').html(nome+' '+cognome);
        alert('nome_cognome');

    }
    else
    {
        //var user = $('#account_name_label').text();
        //$('#mittente_step2').html(user);
        alert('user');
    }
});
});

我现在需要做的只是alert选择的类型，但每次进入else代码。为什么我的if不起作用？

Answer 1

你有一个错字

nome_cognome != nome_congome

JSFIDDLE DEMO

if( $.trim(selezionato) == "nome_cognome" )
                                   ^ Here

Answer 2

试试这个

var selezionato = $(this).val(); // or this.value

假设您想要指向当前正在更改的单选按钮。

http://jsfiddle.net/5Cn7J/

Answer 3

if($("input[name='account_type']").is(':checked');){
  alert('nome_cognome');
}else{

}

Jquery - 单选按钮和更改事件始终返回“on”

3 个答案: