国产亚洲精_丰满老熟好大的大bbb_男男激情做爰视频免费观看_欧美一区二区三区精品国产

jquery中checkbox反復沒反應問題解決辦法

2021-8-5    前端達人

jquery1.9以后,checkbox的選中用attr就有問題,第一次能選中,第二次選不中,要換成prop來設置屬性。

1,問題重現

 代碼如下 復制代碼

<html>
<body>
    <input type="checkbox" name="items" value="test" id='test' />test

    <button class='selected'>選中</button>
    <button class='unselected'>不選中</button>
</body>

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $('.selected').click(function(){
        $('#test').attr('checked','checked');
    });
    $('.unselected').click(function(){
        $('#test').removeAttr('checked');
    });
});
</script>
</html>

在這里有一點要注意,第一次選中后,用開發者工具,可以看到,checkbox有checked='checked'屬性,第二次,點了,但是選不中,還是有checked='checked'

2,解決辦法

 代碼如下 復制代碼

<script type="text/javascript">
$(function(){
    $('.selected').click(function(){
        $('#test').prop('checked',true);
    });
    $('.unselected').click(function(){
        $('#test').prop('checked',false);
    });
});
</script>


轉載于:https://my.oschina.net/china008/blog/407350




藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

文章來源:博客園

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計m.paul-jarrel.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://m.paul-jarrel.com

存檔