使用單選按鈕

Question

時進行按鍵點擊

所以，我有以下看法：

<ion-view view-title="Training Detail"> 
    <ion-content class="padding"> 


      <ul class="list"> 

       <ion-item class="item item-checkbox item-button-right" ng-repeat="exercise in exercises" on-double-tap="sendToChangeExercise" on> 
        <label class="checkbox"> 
         <input type="checkbox" ng-click="didExercise(exercise.exerciseID)" > 
        </label> 
        <p><h2>{{exercise.exerciseName}}</h2></p> 
        <p>{{exercise.repetition}} <b ng-if="exercise.diaryRepetition.length > 0"><i> Eintrag im Trainingstagebuch: {{exercise.diaryRepetition}}</i></b></p> 
        <p>{{exercise.weight}} <b ng-if="exercise.diaryWeight.length > 0"><i> Eintrag im Trainingstagebuch: {{exercise.diaryWeight}}</i></b></p> 
        <button class="button button-positive" onclick="alert('fuuu')"> 
        <i class="icon ion-ios-telephone"></i> 
        </button> 
       </ion-item> 

      </ul> 

     <button class="button button-full button-positive" id="finisherButton" disabled="true" > 
      {{getButtonString()}} 
     </button> 

    </ion-content> 
</ion-view> 

偉大的工程。我有一個單選按鈕，無論我點擊這一行，單選按鈕都會選擇/取消選擇。

但我想給用戶改變重量和重複的可能性。我想在右側添加一個按鈕，用戶可以點擊並更改內容。但是，該按鈕不可點擊。即使我點擊按鈕，單選按鈕將選擇/取消選擇，而不是做'按鈕的東西'。

我該如何製作這一行，以便像單選按鈕的效果在按鈕之前「停止」？而按鈕是可點擊的？

感謝您的幫助！

Answer 1

您需要停止父級點擊傳播。把你的按鈕，像這樣

<button class="button button-positive" ng-click="alert('fuuu'); $event.stopPropagation();"> 
    <i class="icon ion-ios-telephone"></i> 
</button> 

Answer 2

可以作爲嘗試：

<ion-view view-title="Training Detail"> 
    <ion-content class="padding"> 


      <ul class="list"> 

       <ion-item class="item item-checkbox item-button-right" ng-repeat="exercise in exercises" on-double-tap="sendToChangeExercise" on> 
        <label class="checkbox"> 
         <input type="checkbox" ng-click="didExercise(exercise.exerciseID)" > 
        </label> 
        <p><h2>{{exercise.exerciseName}}</h2></p> 
        <p>{{exercise.repetition}} <b ng-if="exercise.diaryRepetition.length > 0"><i> Eintrag im Trainingstagebuch: {{exercise.diaryRepetition}}</i></b></p> 
        <p>{{exercise.weight}} <b ng-if="exercise.diaryWeight.length > 0"><i> Eintrag im Trainingstagebuch: {{exercise.diaryWeight}}</i></b></p> 
        <button class="button button-positive clickme" alt="red"> click me 
        <i class="icon ion-ios-telephone"></i> 
        </button> 
         <input type='radio' id ="red" name="hello"/> 

         <button class="button button-positive clickme" alt="green"> click me 
        <i class="icon ion-ios-telephone"></i> 
        </button> 
         <input type='radio' id ="green" name="hello"/> 

         </ion-item> 

      </ul> 

     <button class="button button-full button-positive" id="finisherButton" disabled="true" > 
       </button> 

    </ion-content> 
</ion-view> 

2：https://jsfiddle.net/gynz82tg/1/：作爲like.I正在使用jQuery，請確認您的鏈接Java腳本代碼會。可能會幫助你。

$(document).ready(function(){ 
    $('.clickme').click(function(){ 
     var attr = $(this).attr('alt'); 

     $('#'+attr).click(); 
    }); 

})