成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

checkbox 和 radio 和 select 的使用

wanglu1209 / 3116人閱讀

摘要：的使用徐州徐州無錫無錫蘇州蘇州中國中國俄羅斯俄羅斯設(shè)置為單選部分這樣凡是設(shè)置屬性為的將變成單選，為的是多選。

checkbox的使用 
徐州


無錫


蘇州


中國


俄羅斯
設(shè)置checkbox為單選

javascript部分

  $(function(){
    $(":checkbox[name=Country]").click(function(){
            if($(this).prop("checked")){
                $(":checkbox[name=Country]").prop("checked",false) ;
                $(this).prop("checked",true);
            }
        });
  })

這樣凡是設(shè)置name屬性為Country的將變成單選，name為city的是多選。那么如何獲得被選中的元素呢？

獲得checkbox選中的內(nèi)容

javascript部分

  $(function(){
        var city = "";
        $("input:checkbox[name=city ]:checked").each(function(){
            city += ($(this).val());
        });
  })

這里需要注意的是；通過上面方法獲得的內(nèi)容是input標(biāo)簽的value值，如果沒有給value值，獲得的都是no

jquery取消選中 
    var code_Values = $("input:checkbox[name=abcd ]:checked");
    if(code_Values.length){
        for(var i=0;i
radio的使用

下面是兩組radio：


男
女

是
否


使用JavaScript獲得第一組被選中的那個(gè)值

    var radio = document.getElementsByName("sex_radio")
    for(var i =0 ; i
使用juqery設(shè)置某選項(xiàng)被選中

    $("#man").attr("checked","checked")



checked="checked"屬性是默認(rèn)選中狀態(tài);
name屬性相同為一組；
value是js獲得的值；

select的使用




使用JavaScript獲得選中值

$("#zh_select").change(function(){
    var select  = document.getElementById("zh_select");
    console.log(select.options[select.selectedIndex].value);
})

使用JavaScript改變選中值

$("#zh_select").change(function(){
     var select  = document.getElementById("zh_select");
     select.options[index].selected = true;
     index：option的位置，從0開始。
})
$("#zh_select").find("option:contains(""+HSK+"")").attr("selected",true);

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/83181.html

相關(guān)文章

  • 修改radio、checkbox和select默認(rèn)樣式

    摘要：現(xiàn)在前端頁面效果日益豐富，默認(rèn)的組件樣式顯然已經(jīng)不能滿足需求。兼容更低版本瀏覽器的樣式修改最后附上演示鏈接修改和默認(rèn)樣式 現(xiàn)在前端頁面效果日益豐富，默認(rèn)的input組件樣式顯然已經(jīng)不能滿足需求。趁著這次開發(fā)的頁面中有這方面的需求，在這里整理一下修改radio、checkbox、select的方法。 radio and checkbox 修改radio的默認(rèn)樣式有兩種常用的方法 純CSS...

    mumumu 評(píng)論0 收藏0

  • js原生操作select、radio 、checkbox

    摘要：常見操作常見操作常見操作常見操作代碼下拉框單選框多選框代碼常見操作常見操作獲取選中值第一種通過對(duì)象獲取第二種通過選中的下標(biāo)來獲取獲取獲取選中文本值通過選中的下標(biāo)來獲取選中文本值設(shè)置選中項(xiàng)知道的值或者下標(biāo)或者文本值下面代碼只列出根據(jù)來選中獲取 select、radio 、checkbox常見操作 select常見操作 radio常見操作 select常見操作 html代碼 ...

    CoorChice 評(píng)論0 收藏0

  • js原生操作select、radio 、checkbox

    摘要：常見操作常見操作常見操作常見操作代碼下拉框單選框多選框代碼常見操作常見操作獲取選中值第一種通過對(duì)象獲取第二種通過選中的下標(biāo)來獲取獲取獲取選中文本值通過選中的下標(biāo)來獲取選中文本值設(shè)置選中項(xiàng)知道的值或者下標(biāo)或者文本值下面代碼只列出根據(jù)來選中獲取 select、radio 、checkbox常見操作 select常見操作 radio常見操作 select常見操作 html代碼 ...

    HitenDev 評(píng)論0 收藏0

  • checkbox 和 radio 和 select 的使用

    摘要：的使用徐州徐州無錫無錫蘇州蘇州中國中國俄羅斯俄羅斯設(shè)置為單選部分這樣凡是設(shè)置屬性為的將變成單選，為的是多選。 checkbox的使用 徐州 無錫 蘇州 中國 俄羅斯 設(shè)置checkbox為單選 javascript部分 $(function(){ $(:checkbox[name=Country]).click(function(){ i...

    Carson 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<