jQuery是一款非常常用的JavaScript庫,它提供了非常方便的操作DOM元素的方法。在Web開發中,表單是使用頻率非常高的元素。這里我們將重點介紹如何使用jQuery給表單中的元素賦值。
// 給文本框、下拉框、單選框和復選框賦值示例 $(document).ready(function() { // 文本框 $("#txtName").val("張三"); // 下拉框 $("#selEducation option[value='3']").attr("selected", true); // 單選框 $("input[name='gender'][value='male']").attr("checked", true); // 復選框 $("input[name='hobby']").each(function() { if($(this).val() == "reading") { $(this).attr("checked", true); } }); });
以上示例演示了如何給表單中的不同類型的元素賦值。需要注意的是,文本框要使用val()方法,下拉框要使用attr()方法,并指定selected屬性,單選框和復選框要使用attr()方法,并指定checked屬性。
另外需要注意的是,當表單元素存在默認值時,在賦值之前需要將其值清空,否則會出現賦值不成功的情況。
總之,使用jQuery給表單中的元素賦值非常方便,只需要根據不同類型的元素使用不同的方法即可。
上一篇div mac 機箱