hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery获取input值的方法

墨初 Web前端 242阅读

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元素,获取的过程是不同的。

声明:无特别说明,转载请标明本文来源!
相关推荐