隨筆-124  評論-49  文章-56  trackbacks-0

          獲取一組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();//清空下拉框

          $("input[@type=radio][@name='gender'][@checked]").val() 

          function get_form_value(){    
          /*獲得TEXT.AREATEXT的值*/    
                
          var textval = $("#text_id").attr("value");//或者    
                var textval = $("#text_id").val();    
          /*獲取單選按鈕的值*/    
                
          var valradio = $("input[@type=radio][@checked]").val();    
          /*獲取復選框的值*/    
               
          var checkboxval = $("#checkbox_id").attr("value");    
          /*獲取下拉列表的值*/    
                
          var selectval = $('#select_id').val();    
          }
             


          3.另外對表單的其他處理:

          JavaScript代碼


          //控制表單元素:    
          //
          文本框,文本區域:    
          $("#text_id").attr("value",'');//清空內容    
          $("#text_id").attr("value",'test');//填充內容    
          //
          多選框checkbox:    
          $("#chk_id").attr("checked",'');//未選中的值    
          $("#chk_id").attr("checked",true);//選中的值    
          if($("#chk_id").attr('checked')==undefined) //判斷是否已經選中    
          //
          單選組radio:    
          $("input[@type=radio]").attr("checked",'10');//設置value=10的單選按鈕為當前選中項    
          //
          下拉框select:    
          $("#select_id").attr("value",'test');//設置value=test的項目為當前選中項    
          $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option    
          $("#select_id").empty();//清空下拉框   

          jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關 
          獲取一組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();//清空下拉框

          ----------------------------------------------------------------------------------------------------


          //遍歷option和添加、移除option
          function changeShipMethod(shipping){
          var len = $("select[@name=ISHIPTYPE] option").length
          if(shipping.value != "CA"){
          $(
          "select[@name=ISHIPTYPE] option").each(function(){
          if($(this).val() == 111){
          $(
          this).remove();
          }

          }
          );
          }
          else{
          $(
          "<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
          }

          }



          //取得下拉選單的選取值

          $(#testSelect option:selected').text();
          或$(
          "#testSelect").find('option:selected').text();
          或$(
          "#testSelect").val();
          //////////////////////////////////////////////////////////////////
          記性不好的可以收藏下:
          1,下拉框:

          var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜單的選中項的文本(注意中間有空格)
          var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜單的選中項的值
          var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜單的選中項的ID屬性值
          $("#select").empty();//清空下拉框//$("#select").html('');
          $("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option

          稍微解釋一下:
          1.select[@name='country'] option[@selected] 表示具有name 屬性,
          并且該屬性值為'country' 的select元素 里面的具有selected 屬性的option 元素;
          可以看出有@開頭的就表示后面跟的是屬性。

          2,單選框:
          $(
          "input[@type=radio][@checked]").val(); //得到單選框的選中項的值(注意中間沒有空格)
          $("input[@type=radio][@value=2]").attr("checked",'checked'); //設置單選框value=2的為選中狀態.(注意中間沒有空格)

          3,復選框:
          $(
          "input[@type=checkbox][@checked]").val(); //得到復選框的選中的第一項的值
          $("input[@type=checkbox][@checked]").each(function()//由于復選框一般選中的是多個,所以可以循環輸出
          alert($(this).val());
          }
          );

          $(
          "#chk1").attr("checked",'');//不打勾
          $("#chk2").attr("checked",true);//打勾
          if($("#chk1").attr('checked')==undefined){} //判斷是否已經打勾


          當然jquery的選擇器是強大的. 還有很多方法.

          <script src="jquery-1.2.1.js" type="text/javascript"></script>
          <script language="javascript" type="text/javascript">
          $(document).ready(
          function(){
          $(
          "#selectTest").change(function()
          {
          //alert("Hello");
          //
          alert($("#selectTest").attr("name"));
          //
          $("a").attr("href","xx.html");
          //
          window.location.href="xx.html";
          //
          alert($("#selectTest").val());
          alert($("#selectTest option[@selected]").text());
          $(
          "#selectTest").attr("value""2");

          }
          );
          }
          );
          </script>


          <a href="#">aaass</a>

          <!--下拉框-->
          <select id="selectTest" name="selectTest">
          <option value="1">11</option>
          <option value="2">22</option>
          <option value="3">33</option>
          <option value="4">44</option>
          <option value="5">55</option>
          <option value="6">66</option>
          </select>
          jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關獲取一組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();//清空下拉框
          posted on 2010-05-11 09:31 junly 閱讀(22184) 評論(2)  編輯  收藏 所屬分類: ajax/jquery/js

          評論:
          # re: jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中 2011-04-01 10:45 | 11
          if($("#chk1").attr('checked')==undefined) ??
          這個$("#chk1").attr('checked')= true/false,作者太不靠譜了。  回復  更多評論
            
          # re: jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中 2013-03-29 10:26 | 古來征戰幾人回
          $("input[@type=radio]")和$("input[type='radio'])區別在哪?  回復  更多評論
            
          主站蜘蛛池模板: 乐亭县| 阳西县| 吉木萨尔县| 宾阳县| 景德镇市| 黔南| 定结县| 土默特左旗| 阳新县| 会理县| 随州市| 鹤岗市| 泰和县| 汉沽区| 高要市| 八宿县| 朝阳县| 奉新县| 丽江市| 玛曲县| 桦南县| 双鸭山市| 南平市| 彭泽县| 韶山市| 鄂州市| 平果县| 巩义市| 建湖县| 家居| 永仁县| 马尔康县| 永丰县| 同德县| 思南县| 太和县| 霍城县| 黄冈市| 镇原县| 都昌县| 醴陵市|