deaktivieren Sie die radio-button-Gruppe, wenn die checkbox aktiviert ist jquery

Hallo an Euch alle ich hab meinen code hier ein, was ich für richtig halte und das soll ja auch funktionieren, aber es funktioniert nicht.ich habe einen radio button-group und eine checkbox.jedes Optionsfeld hat einen Wert, der verwendet werden wird, als einen Betrag, und die checkbox ist da, nur das aktivieren der textbox, die es den Nutzern ermöglichen wird um den Betrag, den Sie wollen.ich machte es möglich, aktivieren Sie das Textfeld durch die überprüfung, wenn es wurde zuerst geprüft.ich möchten, deaktivieren Sie die radio-Gruppe, während die aktiviert ist.
hier ist ein screenshot von dem, was meine Seite tatsächlich aussieht

deaktivieren Sie die radio-button-Gruppe, wenn die checkbox aktiviert ist jquery

hier ist mein html

     <label class="radio-inline" style="margin-left:15%;" >
                            <input type="radio" id="amount_suggest_1" name="montantdon" value="50 000" onFocus="this.blur()"  >
                         50 000</label>
    <label class="radio-inline"><input type="radio" id="amount_suggest_2" name="montantdon" value="25 000" onfocus="this.blur()" >25 000</label>
    <label class="radio-inline"><input type="radio" id="amount_suggest_3" name="montantdon" value="10000" onfocus="this.blur()" >10 000</label>
    <label class="radio-inline"><input type="radio" id="amount_suggest_4" name="montantdon" value="5000" onfocus="this.blur()" >5000</label>
    <label class="radio-inline lastradio"><input type="radio" id="amount_suggest_5" name="montantdon" value="1000" onfocus="this.blur()"  checked>1 000</label>

                        <div class="row" style="padding-left:20px;">
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5" style="width:200px;width:200px;margin:auto;margin-top:2%;">
                                <div class="input-group input-group-amount" >
                                <label class=""><input type="checkbox" name="autresdon" id="autresdon" />&nbsp;Autres</label>
                                    <div style="display:inline-block;vertical-align:top;"><input type="text" style="width:50px;" name="amountentered" id="amountentered" disabled /></div>
                                    <div style="display:inline-block;vertical-align:top;">
                                  <div class="input-group-btn" style="position:relative;">
                                      <button type="button" class="btn btn-default btn-lg dropdown-toggle currency-current" data-toggle="dropdown"><span class="currency" id="currency">EUR-€</span> <span class="caret"></span></button>

und hier mein jquery code

          $('#autresdon').click(function(){//on click the checkbox
      if($('#autresdon').is(':checked'))
                {
                $('#amountentered').prop("disabled",false);//enables textbox
                }
                else
                {
                $('#amountentered').prop("disabled",true);//on unset checkbox disable textbox
                }
      });

      //disabling radio group by using their class as selector
             $('.montantdon ').click(function(){
             if($('#autresdon').is(':checked'))
             {
                $('#autresdon').prop("checked",false);
                }
      });

ich möchte nicht, dass beide Daten(Wert des radios und der Betrag manuell eingegeben) gebucht werden.wie kann ich dieses Problem lösen? Dank

Schreibe einen Kommentar