当前位置:Gxlcms > JavaScript > jquery获取checkbox,radio,select被选中的值

jquery获取checkbox,radio,select被选中的值

时间:2021-07-01 10:21:17 帮助过:10人阅读

jquery获取radio被选中的值:

1
2
3

三种方法都可以:

$('input:radio:checked').val();
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();

jquery获取select被选中的值:

  

获取选中项的Value值:

$('select#sel option:selected').val();
或者
$('select#sel').find('option:selected').val();

获取选中项的Text值:

$('select#seloption:selected').text();
或者
$('select#sel').find('option:selected').text();

获取当前选中项的索引值:

$('select#sel').get(0).selectedIndex;

jquery获取checkbox被选中的值:

checkbox1     
checkbox2     
checkbox3      

获取单个checkbox选中项:

$("input:checkbox:checked").val() 
或者 
$("input:[type='checkbox']:checked").val(); 
或者 
$("input:[name='ck']:checked").val(); 


获取多个checkbox选中项:

$('input:checkbox').each(function() { 
    if ($(this).attr('checked') ==true) { 
        alert($(this).val()); 
    } 
}); 

人气教程排行