jquery获取input值的方法

jquery是一个javascript的库，它简化了javascript的操作，让网站的开发者更方便的操作js。下面73so博客就说一下jquery中获取input值的方法。

jquery获取input值的方法

1、jq获取txt类型input的值

例：

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<input type="text" name="mochu" id="mochu" value="https://www.73so.com">
<span class="hpo">点击获取input的值</span>
<script>
$('body').on('click','.hpo',function(){
    console.log($('#mochu').val());
});
</script>

2、jq获取checkbox类型input的值

例：

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<input type="checkbox" name="" id="">
<input type="checkbox" name="" id="">
<input type="checkbox" name="" id="">
<input type="checkbox" name="" id="">
<span class="hpo">点击获取input的值</span>
<script>
$('body').on('click','.hpo',function(){
    console.log($("input[type='checkbox']").val());
});
</script>

3、jq获取radio类型的input值

例：

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<input type="radio" name="" id="">
<input type="radio" name="" id="">
<input type="radio" name="" id="">
<input type="radio" name="" id="">
<span class="hpo">点击获取input的值</span>
<script>
$('body').on('click','.hpo',function(){
    console.log($("input[type='radio']").val());
});
</script>

以上就是jquery中获取input值的方法，值的注意的是不能类型的input元素，获取的过程是不同的。