Javascript 使用单选按钮时使按钮可单击

因此，我有以下看法：

<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>

{{exercise.exerciseName}

{{exercise.repeation}Eintrag im培训阶段如下：{{exercise.diaryrepeation}

{{exercise.weight}Eintrag im培训阶段如下：{{exercise.diaryWeight}


{{getButtonString（）}}

这很有效。我有一个单选按钮，只要我在这一行中单击，单选按钮就会选择/取消选择

但是我想给用户改变重量和重复的可能性。我想在右边添加一个按钮，用户可以在这里单击并更改内容。但是，该按钮不可单击。即使我点击按钮，单选按钮也会选择/取消选择，而不是执行“按钮操作”

我怎样才能排成这一行，这样，单选按钮的效果“停止”就在按钮之前？按钮是可点击的吗

---

谢谢你的帮助

您需要停止父单击的传播。像这样扣上你的钮扣

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

---

您需要停止父单击的传播。像这样扣上你的钮扣

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

您可以尝试：

    <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>

您可以尝试以下方式：

    <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>

---

请你再解释一下好吗。您的示例代码是否具有您所指的按钮？如果是，请确认。我很难区分你想要发生的事情和现在发生的事情。请详细说明：我想要X，现在我得到Y。你说的“按钮材料”是什么意思。另外，当你在爱奥尼亚工作时，为什么不使用？目前我无法单击按钮。示例代码中有一个按钮。这是带有“警报（fuu）”代码的按钮。如果单击按钮，它将选择/取消选择单选按钮，而不是显示警报对话框。我说的按钮是警报。。。事情我不知道。我一直在查看CSS文档，但是里面没有任何内容。请你再解释一下。您的示例代码是否具有您所指的按钮？如果是，请确认。我很难区分你想要发生的事情和现在发生的事情。请详细说明：我想要X，现在我得到Y。你说的“按钮材料”是什么意思。另外，当你在爱奥尼亚工作时，为什么不使用？目前我无法单击按钮。示例代码中有一个按钮。这是带有“警报（fuu）”代码的按钮。如果单击按钮，它将选择/取消选择单选按钮，而不是显示警报对话框。我说的按钮是警报。。。事情我不知道。我一直在查看CSS文档，它没有说任何关于它的内容。这似乎是可行的！但是你能解释一下为什么我需要这两个额外的raido按钮（id绿色和红色）？因为当我移除它们时，它就不起作用了。我不熟悉jquery。这个JS代码在做什么？好像没有它也能用你只有一个单选按钮吗？你想在点击按钮时打开/关闭单选按钮。是的，我只有一个单选按钮。我想通过点击按钮转到另一个视图。好的，对不起，我理解了。然后你必须使用复选框而不是单选按钮。这似乎是可行的！但是你能解释一下为什么我需要这两个额外的raido按钮（id绿色和红色）？因为当我移除它们时，它就不起作用了。我不熟悉jquery。这个JS代码在做什么？好像没有它也能用你只有一个单选按钮吗？你想在点击按钮时打开/关闭单选按钮。是的，我只有一个单选按钮。我想通过点击按钮转到另一个视图。好的，对不起，我理解了。然后您必须使用复选框而不是单选按钮。