2016-06-06 10 views
0

在原始代碼中,您可以單擊一個複選框來啓用已禁用的按鈕。如何將JavaScript和JQuery一起使用來爲DIV生成IF Else語句?

這是通過引導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

你需要某種形式的值傳遞給按鈕,表示wheather需要啓用或不是。您可以通過利用複選框上的ng-model屬性並將其值限制在按鈕上的disabled屬性來實現。 做到這一點,它會工作

<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

我有一個bootply嘗試這個,但不知道如何在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>