源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript jquery对form元素的常见操作详解

  • 时间:2021-01-01 07:39 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript jquery对form元素的常见操作详解
[b]1.[/b][b]下拉框 select :[/b] 移除option
$("#ID option").each(function(){
   if($(this).val() == 111){
   $(this).remove();
 }
});
添加option
$("<option value='111'>UPS Ground</option>").appendTo($("#ID"));
取得下拉选单的选取值
//取下拉選中的文本
$('#testSelect option:selected').text();
$("#testSelect").find('option:selected').text();
document.all.objSelect.options[document.all.objSelect.selectedIndex].text; //js操作 objSelect為select的name//取得下拉選中值
$("#testSelect").val();
//js操作
document.getElementById('objSelect').value=2;
document.all.objSelect.value;
根据option的值选中下拉框
$('#testSelect').val('111');document.all.objSelect.value = objItemValue; //js操作 objSelect為select的name或者iddocument.getElementById('sel').value=objItemValue;
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
[b]2,[/b][b]单选框 radio [/b][b]:[/b]
$("input[type=radio][checked]").val(); //得到单选框的选中项的值(注意中间没有空格)
$(':radio[name="radio"]:checked').val();//第二种方法

$("input[type=radio][value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
$(':radio[value="2"]').attr('checked','checked');
radio单选组的第二个元素为当前选中值
$("input[name='items']").get(1).checked = true;
[b]3,[/b][b]复选框 checkbox [/b][b]:(其它写法参见上面:radio)[/b]
$("input[type='checkbox'][checked]").val(); //得到复选框的选中的第一项的值
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);// 打勾
//全選/不選

 $("#selectAll").bind('click',function(){
   var sa = $(this).attr("checked");
   $("input[name='sel[]']").each(function(){
     this.checked=sa;
   });
 });
[b]4,輸入框 input :[/b]
$(':input[name="keyword"]').val();//根据name值取得值
[b]5[/b][b],文本框 textarea [/b][b]:[/b]
固定文本框大小:
<textarea name="123" style="resize:none;"></textarea>
以上这篇javascript jquery对form元素的常见操作详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部