在開發(fā)中,我們經(jīng)常需要設(shè)置表單元素的值,這時(shí)候用jquery就非常方便。下面我們來看一些常見的操作:
// 設(shè)置input的值 $("input[name='userid']").val("123456"); // 設(shè)置select選中的值 $("select[name='city']").val("北京"); // 設(shè)置textarea的值 $("textarea[name='content']").val("這是一條測(cè)試內(nèi)容"); // 設(shè)置radio的選中狀態(tài) $("input[name='gender'][value='male']").prop("checked", true); // 設(shè)置checkbox的選中狀態(tài) $("input[name='hobby'][value='reading']").prop("checked", true);
上面的代碼簡(jiǎn)單易懂,說明如下:
1、可以通過name屬性選中需要設(shè)置值的表單元素,然后調(diào)用val()方法即可設(shè)置其值;
2、對(duì)于select元素,需要傳入需要選中的值;
3、radio和checkbox需要使用prop()方法來設(shè)置其選中狀態(tài)。
總之,使用jquery設(shè)置表單元素的值十分方便,可以大大提高開發(fā)效率。希望以上內(nèi)容對(duì)大家有所幫助。