Jquery表单用法总结
2010-10-14 17:52
295 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <mce:script language="javascript" src="js/jquery-1.3.2.js" mce_src="js/jquery-1.3.2.js"></mce:script> <title>Jquery表单用法总结</title> <mce:script language="javascript"><!-- $(document).ready(function(){ $("#selectTest").change(function() { alert($(".formc select option[value]").text()); alert( $('.formc select[name="selectTest"]').attr("id")); $("#selectTest").empty();// $("<option value='1'>1111</option>").appendTo("#selectTest");// alert($("input[@type=radio][checked]").val()) $("input[@type=radio][value=465]").attr("checked",'checked'); alert($("input[type=checkbox][checked]").val()); $("input[type=checkbox][checked]").each(function(){ alert($(this).val()); }); }); }); // --></mce:script> </head> <body> <form action="" name="form1" method="post" class="formc" id=""> <select id="selectTest" name="selectTest" > <option value="1" selected="selected">朱漪你好</option> <option value="2" id="22">总结总结</option> <option value="3">33</option> <option value="4">44</option> <option value="5">55</option> <option value="6">66</option> </select> <input type="text" value="sdfs" name="abc"/> <input type="radio" name="r1" value="465"/>123 <input type="radio" name="r2" value="321" checked />321 <input type="checkbox" value="123" checked/>123 <input type="checkbox" value="456" checked/>456 <input type="checkbox" value="789" checked/>789 </form> </body> </html>
获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).checked = true; 获取值: 文本框,文本区域:$("#txt").attr("value"); 多选框checkbox:$("#checkbox_id").attr("value"); 单选组radio: $("input[@type=radio][@checked]").val(); 下拉框select: $('#sel').val(); 控制表单元素: 文本框,文本区域:$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容 多选框checkbox: $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 $("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option $("#sel").empty();//清空下拉框 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).checked = true; 获取值: 文本框,文本区域:$("#txt").attr("value"); 多选框checkbox:$("#checkbox_id").attr("value"); 单选组radio: $("input[@type=radio][@checked]").val(); 下拉框select: $('#sel').val(); 控制表单元素: 文本框,文本区域:$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容 多选框checkbox: $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option $("#sel").empty();//清空下拉框
相关文章推荐
- jQuery表格插件datatables用法总结
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- jquery cookie的用法总结
- Jquery常用表单元素操作总结
- 用jQuery获取form表单值的方法总结
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- 关于Jquery中ajax方法data参数用法的总结
- jQuery $.extend()用法总结
- Jquery表单插件ajaxForm用法详解
- jQuery,javascript宝典、知识总结、用法大全
- jQuery $.extend()用法总结
- 关于Jquery中ajax方法data参数用法的总结
- Jquery flexigrid的用法总结
- 关于Jquery中ajax方法data参数用法的总结
- jquery自带表单验证form用法示例
- Jquery表单插件ajaxForm用法详解
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- Jquery给easyui的表单元素赋值,获取值总结