<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-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 閱讀(22176) 評論(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'])區別在哪?  回復  更多評論
      
    主站蜘蛛池模板: 拍拍拍无挡免费视频网站| 久久精品免费视频观看| 中文字幕精品亚洲无线码二区| 国产成年无码久久久免费| 亚洲国产品综合人成综合网站| 免费一级国产生活片| 无码av免费网站| 免费福利在线观看| 亚洲国产美女福利直播秀一区二区| 岛国片在线免费观看| 精品免费视在线观看| 一二三四在线观看免费中文在线观看| 亚洲中文字幕无码一区| 成人网站免费观看| 国产性生大片免费观看性| 涩涩色中文综合亚洲| 99精品视频在线免费观看 | 亚洲午夜精品第一区二区8050| 久9这里精品免费视频| 国产亚洲精品仙踪林在线播放| 久久亚洲精品成人综合| 国产免费一区二区三区VR| 在线看片免费人成视久网| 搜日本一区二区三区免费高清视频 | 日本片免费观看一区二区| 免费福利资源站在线视频| 亚洲专区一路线二| 亚洲VA中文字幕不卡无码| 国产男女猛烈无遮挡免费视频| 日韩免费人妻AV无码专区蜜桃 | 国产AV无码专区亚洲AV毛网站| 免费观看大片毛片| 亚洲免费视频观看| 最近的2019免费中文字幕| 免费人成大片在线观看播放电影| 在线综合亚洲中文精品| 亚洲黄色片在线观看| 精品亚洲永久免费精品| 爱情岛论坛网亚洲品质自拍| 日韩黄色免费观看| 最近中文字幕无吗高清免费视频|