如何在 jQuery 中获取输入类型复选框和单选的类型答案

【问题标题】：how to get types of input-type checkbox and radio in jQuery如何在 jQuery 中获取输入类型复选框和单选的类型
【发布时间】：2014-01-30 10:43:39
【问题描述】：

jQuery('.pricefield select','.pricefield input').each
    (jQuery(this).change (function (){
        alert(jQuery(this).attr("type")); //it give undefined
        alert(jQuery(this).is(':input')); //it gives false
        var allInputs = jQuery(":input"); 
        alert(allInputs.attr('type'));  //it gives hidden
        get_sum();
    }
));

如何将字段类型识别为select 或radio 或checkbox？

【问题讨论】：

该语法看起来不正确，.each 需要回调，但您正在传递一个 jQuery 集合。你能发布一个演示来重现这个问题吗？

标签： javascript jquery select input radio

【解决方案1】：

jQuery('select, input', '.pricefield').on('change', function () {
     var tag  = $(this).prop('tagName'); // return "select", "input" etc
     var type = $(this).prop('type'); // return "radio", "checkbox" etc
});

FIDDLE

【讨论】：

【解决方案2】：

你有一些错误的语法，在each() 中缺少一个函数声明，但实际上你可以写得更简单，比如：

jQuery('.pricefield select, .pricefield input').change(function () {
    alert(jQuery(this).attr("type"));
    alert(jQuery(this).is(':input')); 
    var allInputs = jQuery(":input");
    alert(allInputs.attr('type'));
    get_sum();
});

Demo

【讨论】：