Question

如何禁用使用按钮类的bootstrap div。根据某些条件使用javascript禁用的按钮

这是我使用js禁用的按钮代码：

<div class="btn-group btn-group-justified">
    <a href="#" class="btn btn-info col-sm-3">
        <i class="glyphicon glyphicon-send" ></i>
        <br>
        Send
    </a>
</div>

Answer 1

可以用这种方式隐藏div ---

＆＃13;

$('.zz').css('display', 'none');

＆＃13;

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
          
  </head>

    <body>
     <div class="btn-group btn-group-justified zz" id="btn-disable">
              <a href="#" class="btn btn-info col-sm-3">
                <i class="glyphicon glyphicon-send" ></i><br>
                Send
              </a>
            </div>  
</body>
  </html>

＆＃13;

如果你想用onclick事件隐藏div，你可以这样做 -

＆＃13;

              $('.zz').click(function(){
              $('.zz').css('display', 'none');
            });

＆＃13;

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
          
  </head>

    <body>
     <div class="btn-group btn-group-justified zz" id="btn-disable">
              <a href="#" class="btn btn-info col-sm-3" >
                <i class="glyphicon glyphicon-send" ></i><br>
                Send
              </a>
             </div> 
</body>
  </html>

＆＃13;

现在以这种方式可以解决这个问题

＆＃13;

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
         
  </head>

    <body>
     <div class="btn-group btn-group-justified zz" id="btn-disable">
              <a href="#" class="btn btn-info col-sm-3" >
                <i class="glyphicon glyphicon-send" ></i><br>
                Send
              </a>
              <script type="text/javascript">
              $('.zz').click(function(){
             $(".zz *").attr("disabled", "disabled").off('click');
            });
   
          </script>
       </div>
</body>
  </html>

＆＃13;

因为你刚开始使用js和xml。

This example can be helpful

现在，如果您想根据某些值禁用按钮，请执行以下操作 -

注意这只是一个粗略的方式来给你一些想法。在此示例中，您有两个值hi和bye来自xml并显示在HTML页面上。因此，基于该值，您将禁用div。

＆＃13;
＆＃13;
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <div class="btn-group btn-group-justified zz2" id="btn-disable2"> <a href="#" class="btn btn-info col-sm-3" > <i class="glyphicon glyphicon-send" ></i><br> bye </a> </div> <div class="btn-group btn-group-justified zz1" id="btn-disable1"> <a href="#" class="btn btn-info col-sm-3" > <i class="glyphicon glyphicon-send" ></i><br> hi </a> </div> <script type="text/javascript"> var node = document.getElementById('btn-disable2'); textContent = node.textContent; alert($.trim(textContent)); if ($.trim(textContent) == 'bye') { $(".zz2 *").attr("disabled", "disabled").off('click'); } var node1 = document.getElementById('btn-disable1'); textContent1 = node1.textContent; alert($.trim(textContent1)); if ($.trim(textContent1) == 'bye') { $(".zz1 *").attr("disabled", "disabled").off('click'); } </script> </body> </html>
＆＃13;
＆＃13;
＆＃13;

Answer 2

试试这个：

int i ;

  for (i = 0; i <= 10; i++) {
      for (i = 0; i <= 5; i++){
         System.out.println("Repeat");   
      }
 }

Working fiddle

如何禁用使用按钮类的bootstrap div

2 个答案: