jquery获取input输入框中的值

如何用javascript获取input输入框中的值,js/jq通过name、id、class获取input输入框中的value

先准备一段 HTML

<input type="text" id="CN_NAME" name="CN_NAME" class="CN_NAME">

一、jquery获取input文本框中的值

通过 name

var name = $('input[name="CN_NAME"]').val();

通过 id

var name = $('#CN_NAME').val();

通过 class

var name = $('.CN_NAME').val();

二、javascript获取input输入框中的值

通过 name

document.getElementsByName("CN_NAME")[0].value

通过 id

var name = document.getElementById("CN_NAME").value

通过 class

document.getElementsByClassName("CN_NAME")[0].value

ps:下面看下jQuery获取各种input输入框的值

1.获取一组radio单选框的值(name属性为一组的radio的name属性)

var q1 = $("input[name=element_name]:checked").val();

2.获取select下拉框的值

var q2 = $("#element").val();

3.获取几个下拉框组合的值

var q4 = ("#element1").val() +("#element1").val() +("#element2").val() + $("#element3").val();

4.获取input输入框的值

var q5 = $("#element").val();

总结

以上所述是小编给大家介绍的jquery获取input输入框中的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对菜鸟教程(cainiaojc.com)网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#cainiaojc.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。