jquery获取input输入框中的值、radio单选框选中的值、checkbox复选框选中的值

1)jquery获取input输入框中的值

<input id="test" name="test" type="text"/>
$(" #test ").val()
$(" input[ name='test' ] ").val()
$(" input[ type='text' ] ").val()
$(" input[ type='text' ]").attr("value")

2)jquery获取radio单选框选中的值

实例1:

<div id="wrap">
    <input type="radio" name="payMethod" value="1" />男
    <input type="radio" name="payMethod" value="2" />女
</div>
  
  var obj_payPlatform = $('#wrap input[name="payMethod"]');//获取一组单选按钮对象:
  var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();//获取被选中按钮的值 :

实例2:

<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值
<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值
<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值

$('input[name="testradio"]:checked').val();
$('input:radio:checked').val();
$('input[@name="testradio"][checked]');
$('input[name="testradio"]').filter(':checked');
遍历name为testradio的所有radio的值

$('input[name="testradio"]').each(function(){alert(this.value);});
如果要取具体某个radio的值,比如第二个radio的值

$('input[name="testradio"]:eq(1)').val()

3)jquery获取checkbox复选框选中的值

<input type="checkbox" name="test" title="测试1" value="1" lay-skin="primary">
<input type="checkbox" name="test" title="测试2" value="2" lay-skin="primary">
<input type="checkbox" name="test" title="测试3" value="3" lay-skin="primary">
<input type="checkbox" name="test" title="测试4" value="4" lay-skin="primary">
<input type="checkbox" name="test" title="测试5" value="5" lay-skin="primary"> 


// js
var test_list = []
$("[name=test]:checked").each(function () {
   test_list.push($(this).val())
});
 
test_str = JSON.stringify(test_list ); // 转换成字json字符串

 

posted on 2020-07-10 15:48  雯~雯  阅读(668)  评论(0)    收藏  举报