<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下拉框的第二個元素為當(dāng)前選中值
    $('#select_id')[0].selectedIndex = 1;
    radio單選組的第二個元素為當(dāng)前選中值
    $('input[@name=items]').get(1).checked = true;

    獲取值:

    文本框,文本區(qū)域:$("#txt").attr("value");
    多選框checkbox:$("#checkbox_id").attr("value");
    單選組radio:   $("input[@type=radio][@checked]").val();
    下拉框select: $('#sel').val();

    控制表單元素:
    文本框,文本區(qū)域:$("#txt").attr("value",'');//清空內(nèi)容
                     $("#txt").attr("value",'11');//填充內(nèi)容

    多選框checkbox: $("#chk1").attr("checked",'');//不打勾
                     $("#chk2").attr("checked",true);//打勾
                     if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾

    單選組radio:    $("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項目為當(dāng)前選中項
    下拉框select:   $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項目為當(dāng)前選中項
                    $("<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();    
    /*獲取復(fù)選框的值*/    
         
    var checkboxval = $("#checkbox_id").attr("value");    
    /*獲取下拉列表的值*/    
          
    var selectval = $('#select_id').val();    
    }
       


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

    JavaScript代碼


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

    jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關(guān) 
    獲取一組radio被選中項的值 
    var item = $('input[@name=items][@checked]').val(); 
    獲取select被選中項的文本 
    var item = $("select[@name=items] option[@selected]").text(); 
    select下拉框的第二個元素為當(dāng)前選中值 
    $('#select_id')[
    0].selectedIndex = 1
    radio單選組的第二個元素為當(dāng)前選中值 
    $('input[@name
    =items]').get(1).checked = true

    獲取值: 

    文本框,文本區(qū)域:$(
    "#txt").attr("value"); 
    多選框checkbox:$(
    "#checkbox_id").attr("value"); 
    單選組radio:   $(
    "input[@type=radio][@checked]").val(); 
    下拉框select: $('#sel').val(); 

    控制表單元素: 
    文本框,文本區(qū)域:$(
    "#txt").attr("value",'');//清空內(nèi)容 
                     $("#txt").attr("value",'11');//填充內(nèi)容 

    多選框checkbox: $(
    "#chk1").attr("checked",'');//不打勾 
                     $("#chk2").attr("checked",true);//打勾 
                     if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾 

    單選組radio:    $(
    "input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項目為當(dāng)前選中項 
    下拉框select:   $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項目為當(dāng)前選中項 
                    $("<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'); //設(shè)置單選框value=2的為選中狀態(tài).(注意中間沒有空格)

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

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


    當(dāng)然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選中,及其相關(guān)獲取一組radio被選中項的值
    var item = $('input[@name=items][@checked]').val();
    獲取select被選中項的文本
    var item = $("select[@name=items] option[@selected]").text();
    select下拉框的第二個元素為當(dāng)前選中值
    $('#select_id')[
    0].selectedIndex = 1;
    radio單選組的第二個元素為當(dāng)前選中值
    $('input[@name
    =items]').get(1).checked = true;
    獲取值:
    文本框,文本區(qū)域:$(
    "#txt").attr("value");
    多選框checkbox:$(
    "#checkbox_id").attr("value");
    單選組radio: $(
    "input[@type=radio][@checked]").val();
    下拉框select: $('#sel').val();
    控制表單元素:
    文本框,文本區(qū)域:$(
    "#txt").attr("value",'');//清空內(nèi)容
    $("#txt").attr("value",'11');//填充內(nèi)容
    多選框checkbox: $("#chk1").attr("checked",'');//不打勾
    $("#chk2").attr("checked",true);//打勾
    if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾
    單選組radio: $("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項目為當(dāng)前選中項
    下拉框select: $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項目為當(dāng)前選中項
    $("<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下拉框的第二個元素為當(dāng)前選中值
    $('#select_id')[
    0].selectedIndex = 1;
    radio單選組的第二個元素為當(dāng)前選中值
    $('input[@name
    =items]').get(1).checked = true;
    獲取值:
    文本框,文本區(qū)域:$(
    "#txt").attr("value");
    多選框checkbox:$(
    "#checkbox_id").attr("value");
    單選組radio: $(
    "input[@type=radio][@checked]").val();
    下拉框select: $('#sel').val();
    控制表單元素:
    文本框,文本區(qū)域:$(
    "#txt").attr("value",'');//清空內(nèi)容
    $("#txt").attr("value",'11');//填充內(nèi)容
    多選框checkbox: $("#chk1").attr("checked",'');//不打勾
    $("#chk2").attr("checked",true);//打勾
    if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾
    單選組radio: $("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項目為當(dāng)前選中項
    下拉框select: $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項目為當(dāng)前選中項
    $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
    $("#sel").empty();//清空下拉框
    posted on 2010-05-11 09:31 junly 閱讀(22189) 評論(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,作者太不靠譜了。  回復(fù)  更多評論
      
    # re: jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中 2013-03-29 10:26 | 古來征戰(zhàn)幾人回
    $("input[@type=radio]")和$("input[type='radio'])區(qū)別在哪?  回復(fù)  更多評論
      
    主站蜘蛛池模板: 成人黄色免费网址| 免费看国产一级特黄aa大片| 国内精自视频品线六区免费| 全免费毛片在线播放| 日韩免费高清视频网站| 色欲A∨无码蜜臀AV免费播| 99re6在线精品视频免费播放| 日本免费高清一本视频| 国产免费av一区二区三区| 国产一级高清免费观看| 一本久久a久久精品亚洲| 亚洲AV无码不卡在线播放| 亚洲午夜久久久久久尤物| 亚洲国产精品ⅴa在线观看| 一级毛片免费一级直接观看| 三年片免费观看大全国语| 一级毛片在线完整免费观看| 成全视频在线观看免费| 男人的好免费观看在线视频| 亚洲Av无码乱码在线播放| 四虎影视永久免费观看| 亚洲av无码国产精品色午夜字幕| 亚洲国产精品视频| 亚洲天堂久久精品| 久久精品国产亚洲AV电影网| 99精品免费视品| 一本岛高清v不卡免费一三区| 午夜精品免费在线观看 | 久久亚洲精品AB无码播放| 亚洲av无码电影网| 人人爽人人爽人人片A免费| 午夜无码A级毛片免费视频| 日本免费高清一本视频| 日韩精品一区二区亚洲AV观看| 亚洲黄色免费观看| 亚洲第一中文字幕| 国产精品亚洲综合一区在线观看 | 国产亚洲欧美在线观看| 永久免费AV无码网站国产| 日本免费的一级v一片| 内射少妇36P亚洲区|