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

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 doen't工作？

Answer 1

你有错字

nome_cognome != nome_congome

JSFIDDLE演示

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{

}