2016-06-06 1 views
0

В исходном коде вы бы установили флажок, который бы включил кнопку, которая была отключена.Как вы можете использовать javascript и JQuery вместе, чтобы сделать оператор IF Else для DIV?

Это использует Bootstrap 3. У меня были проблемы с 2-х элементов JQuery (ползунок со многими Js элементов) получать в пути кода, который работал хорошо на своем собственном, вот пример:

http://www.bootply.com/AlUZOz0zXB

из-за этих Java скрипты используются для скольжения карусели:

<script src="js/flexslider.js"></script> 
<script src="js/carousel.js"></script> 
<script src="js/jquery.cslider.js"></script> 
<script src="js/slider.js"></script> 

Он получает в пути JQuery по некоторым причинам. Поэтому я хотел бы разработать код для работы можно с чистым JavaScript:

http://www.bootply.com/SToIs8u2gM

+1

Можете ли вы определить "встает на пути"? Есть ли ошибки? Что ломается? – Coleman

+0

Они не производят видимых ошибок, он просто не включает кнопку – DDJ

+2

Какая кнопка? Вам нужно показать свой код, объяснить, что он должен делать, и что не так. См. Http://stackoverflow.com/help/how-to-ask – Barmar

ответ

1

вам необходимо пройти какое-то значение для кнопки, чтобы указать, что погоду должна быть включена или нет. Вы можете сделать это, используя атрибут ng-model в этом флажке и ограничивая его значение отключенным атрибутом на кнопке. ли это, и он будет работать

<div class="modal-footer"> 
     <div class="checkbox"> 
      <label> 
       <input class="check_list" name="check_list[]" type="checkbox" ng-model="checkboxModel.value1"> 
       I accept the Terms 
      </label> 
     </div> 

     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 

     <button type="button" class="btn btn-primary" id="btn1" disabled={{checkboxModel.value1}}>Accept Terms</button> 
</div> 
+0

И что мне делать для javascript? Я, как правило, знаю больше на JQuery Javascript, чем обычный скрипт Java – DDJ

+1

, это позволит сделать кнопку «принять условия» нажатой, когда вы установите флажок. Разве это не то, что вы хотели? – nuway

+0

У меня есть попытка попробовать это, но не знаю, как использовать его в javascript: http://www.bootply.com/YlC6YOpvBc# – DDJ

0

http://tutorialsplane.com/runtest/try.php?trycode=bootstrap-disable-enable-button-jquery&post_code=code7&

Я в основном сделал это, что работал. Я думал, что это будет противоречить, но это не так:

Javascript:

<script type="text/javascript"> 
function enable(){ 
$("#myBtn").removeAttr("disabled"); 
$('#myBtn').removeClass('disabled'); 
$("#myBtn1").attr("disabled", true); 
$('#myBtn1').addClass('disabled'); 
} 
</script> 

HTML:

<div class="modal-footer"> 
    <div class="checkbox"> 
     <label> 
      <input type="checkbox" class="btn btn-danger " onclick="enable()" id="myBtn1" value="Enable Button" /> 
      I accept the Terms 
     </label> 
    </div> 
    <input type="button" class="btn btn-danger disaabled" disabled id="myBtn" value="Disabled Button" /> 
    <br> 
    </div> 
Смежные вопросы