分享java帶來的快樂

          我喜歡java新東西

          jquery 取input中各項值

           

          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-09-06 16:49 強強 閱讀(1805) 評論(0)  編輯  收藏 所屬分類: web技巧

          主站蜘蛛池模板: 鹤庆县| 陇西县| 政和县| 康定县| 三门县| 陵水| 叙永县| 米泉市| 洪雅县| 甘洛县| 太原市| 沽源县| 连南| 康保县| 汾阳市| 瓦房店市| 定州市| 黄陵县| 和田县| 盐亭县| 宣城市| 海淀区| 米脂县| 文登市| 翼城县| 措美县| 启东市| 虎林市| 古交市| 莱阳市| 资讯 | 邹城市| 南岸区| 淮北市| 县级市| 广灵县| 宁都县| 上高县| 黎川县| 濉溪县| 高邮市|