整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          JavaScript-如何使用檢查是否選中了復選框?

          tml

          <input type="checkbox" id="myCheckbox"/>

          使用jQuery

          //jQuery 1.6+
          $('#myCheckbox').prop('checked')
          //jQuery 1.5 以下
          $('#myCheckbox').attr('checked')

          原生JavaScript

          document.getElementById("myCheckbox").checked

          搭配使用jQuery 顯示隱藏元素

          <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/jquery/3.5.1/jquery.min.js"></script>
          <input type="checkbox" id="myCheckbox" />
          <div id="txt" style="display: none">頭條新浪潮</div>
          <script>
            $("#myCheckbox").click(function () {
              $("#txt").toggle(this.checked);
            });
          </script>

          jQuery 顯示隱藏元素

          使用原生JavaScript顯示隱藏元素

          <input type="checkbox" id="myCheckbox" />
          <div id="txt" style="display: none">頭條 新浪潮</div>
          <script>
            const check = document.getElementById("myCheckbox");
            const txt = document.getElementById("txt");
            check.addEventListener("click", () => {
              txt.style.display = check.checked ? "unset" : "none";
            });
          </script>

          JavaScript顯示隱藏元素

          你的網站使用隱藏表單域,而你希望查看他們及其取值。要查找開發人員不希望被修改的參數,隱藏域是首選位置。

          解決方案

          在WebScarab中,選擇Proxy選項卡,然后選擇該選項卡中的Miscellaneous窗格。選中標注著“Reveal hidden fields in HTML pages”的復選框,如圖3-10所示。現在,瀏覽到某個帶有隱藏表單域的網頁。它們將顯示為純文本的輸入框,如圖3-11所示。

          討論

          有些開發人員和測試人員烏節路“隱藏”表單域的本質。這些域在所呈現的頁面上是不可見的,但是在頁面被提交時卻提供了附加的數據。WebScarab會將這些隱藏表單域與其他所有內容一同獲取,因此它們根本沒用真正被隱藏。依賴用戶對這些隱藏值的無知是非常危險的。

          當你在決定將哪些輸入作為邊界值測試和等價類劃分的候選對象時,你也應該將隱藏域包含進來。因為現在這些輸入是明文,沒有被隱藏,你的瀏覽器會允許你直接編輯這些輸入。只需單擊對應的框并開始輸入即可。不過,有些隱藏值時由網頁中的JavaScript計算得到的,因此你手動輸入的值有可能會在表單被提交之前被覆蓋。

          搜索微信公眾號:TestingStudio霍格沃茲的干貨都很硬核

          個單一的元素代碼示例:

          //檢查CSS內容是否顯示:[none|block],忽略可見性:[true|false]
          $(element).is(":visible");
          
          // 對隱藏的也是如此
          $(element).is(":hidden");

          使用jQuery的is()來檢查所選元素與另一個元素,選擇器或任何jQuery對象。

          這個方法沿著DOM元素遍歷,以找到一個匹配的,滿足傳遞參數的元素。

          如果有一個匹配,它將返回true,否則返回false。


          if ( $(element).css('display') == 'none' || $(element).css("visibility") == "hidden"){
              // 'element' is hidden
          }

          上面的方法不考慮父級的可見性。要同時考慮父級,你應該使用.is(":hidden")或.is(":visible")。

          比如說。

          <div id="div1" style="display:none">
            <div id="div2" style="display:block">Div2</div>
          </div>

          上述方法會認為div2是可見的,而:visible不是。但上述方法在很多情況下可能是有用的,特別是當你需要找到隱藏的父類中是否有任何錯誤的div是可見的,因為在這種情況下:visible將不起作用。


          主站蜘蛛池模板: 国产精品va一区二区三区| 国产成人高清亚洲一区91| 亚洲一区二区三区91| 亚洲综合一区二区精品久久| 日韩精品一区二区三区中文精品| 亚洲AV无码一区二区三区性色 | 亚洲一区二区三区在线网站| 91精品一区二区三区在线观看| 激情无码亚洲一区二区三区| 成人无码精品一区二区三区| 国产精品 视频一区 二区三区| 色久综合网精品一区二区| 久久精品免费一区二区喷潮| 国产精品一区12p| 久久无码人妻一区二区三区午夜| 欧美av色香蕉一区二区蜜桃小说 | 久久精品国产亚洲一区二区| 国产精品视频一区麻豆| 一区二区网站在线观看| 91成人爽a毛片一区二区| 午夜肉伦伦影院久久精品免费看国产一区二区三区| 人妻体内射精一区二区| 精品女同一区二区三区免费站 | 国产自产在线视频一区| 综合一区自拍亚洲综合图区| 久久久精品一区二区三区| 国内精品视频一区二区八戒| 亚洲V无码一区二区三区四区观看| 精品人妻少妇一区二区三区不卡 | 国产日韩精品一区二区三区 | 亚洲午夜精品一区二区| 国产在线步兵一区二区三区| 台湾无码一区二区| 亚洲成人一区二区| 色婷婷香蕉在线一区二区| 另类一区二区三区| 国产乱码精品一区二区三| 亚洲大尺度无码无码专线一区| 国产亚洲一区二区精品| 人妻内射一区二区在线视频| 精品无码人妻一区二区三区18 |