使用单选按钮

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(); 
    }); 

})