切换切换启用和禁用

时间:2019-06-23 14:10:17

标签: javascript html

我要创建一个开关,以使所有开关正常工作,但是将开关切换为禁用时,网页上没有链接可用或没有数据可点击。

<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.4.0/css/bootstrap4-toggle.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.4.0/js/bootstrap4-toggle.min.js"></script>
<button onclick="fetchAndDisplayData()">Click me</button>
<input type="checkbox" checked data-toggle="toggle" data-size="sm">
                      <table id="id01" class='table table-bordered table-striped'>
                        <tbody>
                        <thead>

                          <tr>
                            <th>Title </th>
                       <th>Description </th>
                            </tr>
                    </thead>
                        </tbody>
                      </table>
-----------------------------------------------------------------

<script>
  function fetchAndDisplayData() {
var xmlhttp = new XMLHttpRequest();
var url = "http://localhost:8888/api/get/read1.php";

xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var myArr = JSON.parse(this.responseText);
        myFunction(myArr);
    }

};
xmlhttp.open("GET", url, true);
xmlhttp.send();
  function myFunction(arr) {
      var out = "";
      var i;
      for (i = 0; i < arr.length; i++) {
          out += '<tr><td><a href="' + arr[i].link + '">' +
              arr[i].title + '</a></td>';
          out += '<td>' + arr[i].description + '<br></td>';

          out += '<td><a href="' + arr[i].link + '">' +
              arr[i].link + '</a></td></tr>';
}
      fetchAndDisplayData();
        </script>

        <script>
        $(window).scroll(function() {
    var height = $(window).scrollTop();
    if (height > 70) {
        $('#Arrow').fadeIn();
    } else {
        $('#Arrow').fadeOut();
    }
});
$(document).ready(function() {
    $("#Arrow").click(function(event) {
        event.preventDefault();
        $("html, body").animate({ scrollTop: 0 }, "slow");
        return false;
    });

});
</script>
</body>

我该如何实现?我尝试检查,但是太多功能使我感到困惑。我是Java语言的新手。附言所有标签均已正确关闭,无法发布整个代码。

1 个答案:

答案 0 :(得分:0)

您将需要类似的东西(请注意,这只是一个示例,因为除了提供数据外,您没有提供任何带有此按钮的html代码)。

var clickCounter = 0;
function btnClick() {
   clickCounter++;
   if( clickCounter > 3 ) clickCounter = 0;
   switch( clickCounter ) {
     case 0 : break; // do display action here
     case 1 : break; // do hide action here
     case 2 : break; // do enable action here
     case 3 : break; // do rollback action here
   }
}