jQuery获取输入框信息

Html

Css

$(function() {
 /*
 输出表单内容
 1.给提交按钮绑定点击事件
 得到输入的内容
 2.把内容输出到.msg
 */
 $('button:submit').click(function() {
 var result = "";
 result += '' + $('label[for=username]').html() + ':' + $('#username').val() + '';
 result += '' + $('label[for=nickname]').html() + ':' + $('#nickname').val() + '';
 result += '' + $('label[for=password]').html() + ':' + $('#password').val() + '';
 result += '' + $('label[for=passwordchecked]').html() + ':' + $('#passwordchecked').val() + '';
 result += '' + $('label[for=sex]').html() + ':' + $('#sex :selected').html() + '';
 var $checkbox = $(':checkbox:checked');

var sCheck = $checkbox.map(function() {
            return this.nextSibling.nodeValue
        }).get().join(',');

result += '' + $('label[for=""]').first().html() + ':' + sCheck + '';
 if ($(':radio:checked').length == 0) {

} else {
 result += '' + $('label[for=""]').last().html() + ':' + $(':radio:checked')[0].nextSibling.nodeValue + '';
 }

$('.msg').html(result);
        return false;

});
});

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

jQuery获取输入框信息



代码描述：jQuery实现登录输入框信息获取

没写CSS样式，点击提交会获取到input，checkbox的信息

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

Crazy┽Rainbow.

相关代码

jQuery获取输入框信息

最新