jQuery表單對象是指form元素及其內部的表單元素,通過jQuery可以方便地操作表單元素屬性。本文將介紹jQuery表單對象屬性。
1. value屬性
//獲取文本框的值 var value = $('input[type=text]').val(); //設置文本框的值 $('input[type=text]').val('hello world');
2. disabled屬性
//設置按鈕不可用 $('button').prop('disabled', true); //設置按鈕可用 $('button').prop('disabled', false);
3. selected屬性
//獲取下拉框當前選中的選項 var selectedOption = $('select').find('option:selected').val(); //設置下拉框當前選中的選項 $('select').val('option2');
4. checked屬性
//獲取單選框或復選框的狀態 var isChecked = $('input[type=radio]:checked').val(); //設置單選框或復選框的狀態 $('input[type=checkbox]').prop('checked', true);
5. readOnly屬性
//設置文本框只讀 $('input[type=text]').prop('readOnly', true); //取消文本框只讀 $('input[type=text]').prop('readOnly', false);
6. maxlength屬性
//獲取文本框的最大長度 var maxLength = $('input[type=text]').attr('maxlength'); //設置文本框的最大長度 $('input[type=text]').attr('maxlength', '10');通過上述代碼示例,我們可以方便地操作表單元素的各種屬性,實現各種功能。需要注意的是,在使用jQuery操作表單元素屬性時,需要保證相應的表單元素已經存在于DOM中,否則會出現無法找到元素的問題。