基于jquery的開發(fā)中,我們通常會(huì)使用checkbox或radio輸入框,那么如何獲取這些輸入框的checked值呢?
$("input[type='checkbox']:checked").val();
上面的代碼可以獲取頁面中被選中的checkbox的值。當(dāng)然,如果有多個(gè)被選中,它只會(huì)返回第一個(gè)被選中的checkbox的值。如果想獲取全部被選中的值,可以使用以下代碼:
var checkboxValues = []; $('input[type="checkbox"]:checked').each(function(index, elem) { checkboxValues.push($(elem).val()); });
使用以上代碼可以將所有被選中的checkbox的值存入數(shù)組checkboxValues中。
同理,對(duì)于radio輸入框,我們可以使用以下代碼獲取被選中的值:
$('input[name="radioName"]:checked').val();
以上代碼中的radioName是radio輸入框的name屬性。
除了val()方法,我們還可以使用attr()方法獲取checkbox或radio輸入框的checked狀態(tài):
var isChecked = $('input[type="checkbox"]').attr('checked');
以上代碼可以獲取第一個(gè)checkbox輸入框的checked狀態(tài)。
當(dāng)然,以上代碼都是基于jquery的,如果我們不想使用jquery,可以使用以下代碼:
var isChecked = document.getElementById('checkboxId').checked;
以上代碼可以獲取id為checkboxId的checkbox輸入框的checked狀態(tài)。
下一篇單行溢出 css