如何使用jQuery获取和打印输入类型号?

时间:2015-09-15 08:47:11

标签: jquery html input numbers

我想在确认页面上打印输入类型编号。

var displayConfirm = function() {
            $('#tab5 .form-control-static', form).each(function(){
                var input = $('[name="'+$(this).attr("data-display")+'"]', form);
                if (input.is(":radio")) {
                    input = $('[name="'+$(this).attr("data-display")+'"]:checked', form);
                }
                if (input.is(":text") || input.is("textarea")) {
                    $(this).html(input.val());
                } else if (input.is("select")) {
                    $(this).html(input.find('option:selected').text());
                } else if (input.is(":radio") && input.is(":checked")) {
                    $(this).html(input.attr("data-title"));
                } 
            });
        }

如果我使用input.is(":number")$(this).html(input.val());,则会崩溃。

3 个答案:

答案 0 :(得分:1)

崩溃的原因是:number无效选择器。 您需要在.is()条件中使用属性等于选择器:

input.is("[type=number]")

<强>段:

else if (input.is("[type=number]")) {
    $(this).html(input.val());
} 

答案 1 :(得分:1)

为了完整性,如果你想坚持使用:number,你可以注册一个jQuery伪选择器:

$.expr[':'].number = function(el){
  var $el = $(el);
  return $el.prop('tagName').toLowerCase() == 'input' && $el.prop('type') == 'number';
}

.is(':number')对您来说非常合适。

JSFiddle

答案 2 :(得分:0)

$('#qwe').keyup(function () {
    alert($(this).val());

});

FIDDLE

要获取input元素的值,请使用.val()