我要创建一个开关,以使所有开关正常工作,但是将开关切换为禁用时,网页上没有链接可用或没有数据可点击。
<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语言的新手。附言所有标签均已正确关闭,无法发布整个代码。
答案 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
}
}