jQuery給控制元件賦值....

y_keven發表於2013-09-05

jQuery給控制元件賦值....

1.jQuery給span取值:$("#id").html();

2.jQuery給input取值:$("#id").val();

3.jQuery給textarea取值:$("#id").val();

4.jQuery給radio取值(非主創):

今天寫Js的時候發現利用jquery取不到radio的當前值,上網Google下,發現網上的解決方案都是依託於1.2版本的,jquery的1.3版本已經去掉的屬性選擇器@符號。

(1.2)以前的版本對於radio取當前值的方式:

   $("input[@type=radio][@checked]")

     把@去掉髮現能得到object,但是取到的當前值不對,永遠都是開始設定radio的那個預設值。

  $("input[type=radio][checked]")  這種方式也是取不到當前值的

(1.3-->1.4)經過亂七八糟的實驗,最終發現了正確寫法

$("input:radio[type='radio'][checked]")

$("input[accesskey='shippingFee']:checked");

  賦值:var sex  = json.sex;//非同步返回的資訊
            $("input:radio").each(function(i){//遍歷物件
           if(this.value== sex){
                $(this).attr("checked","true");
            }

5.jQuery給iframe的src賦值:$("id").src+="&uid ="+ uid;

6.jQuery給下拉選單取值:$("#id").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();//清空下拉框

相關文章