js与jquery获取input输入框中的值

Posted 2021-03-07 tomingto

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

先准备一段 html

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

通过 name：

$(\'input[name="username"]\').val()

通过 id：

$(\'#user\').val()

通过 class：

$(\'.uusr\').val()

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

通过 name

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

通过 id

document.getElementById("user").value

通过 class

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

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

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

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

2.获取select下拉框的值

$(\'#element\').val()