js 操作表单

jquery 操作表单：

1. //文本框，文本区域：
2. $("#text_id").attr("value",'');//清空内容
3. $("#text_id").attr("value",'test');//填充内容

 

 

1. //多选框checkbox：
2. $("#chk_id").attr("checked",'');//未选中的值
3. $("#chk_id").attr("checked",true);//选中的值
4. if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
5. //单选组radio：
6. $("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项

 

1. //下拉框select：
2. $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
3. $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
4. $("#select_id").empty()；//清空下拉框

        以上文章粘贴复制，仅为个人查阅方便时使用，呵呵 其实看一下jquery的帮助文档比这个详细明了。建议有时间的情况下还是看文档比较好，jquery的核心是选择器 只要熟悉了选择器操作搞定jquyer 一点问题也没有。

 

另外对单选框的操作再啰嗦一段代码：

  是<input type="radio" name="securityenabled" value="1" checked="checked"/> 
  否<input type="radio" name="securityenabled" value="0"  />

 

     //选中 值为1的项

 

     $(":radio[@name=securityenabled]").each(function(){
           if($(this).val()=="1"){
            $(this).attr("checked","checked")
           }
      });

 

 

当然我们也可以用纯js来操作单选框

var x=document.getElementsByName("securityenabled");
   for(var i=0;i<x.length;i++)
   {
       if(x[i].value=="1")
       {
          x[i].checked=true;
          break;
       }
   }