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
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" /> 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
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn ich verstehe die Frage richtig, ich würde vorschlagen:
Übrigens mit JavaScript (und besonders in jQuery, in denen es wird völlig unnötig) bleiben Sie Weg von in-line/aufdringlich JavaScript. mit
onFocus
/onfocus
,onchange
,onclick
etc sorgt für einen Wartungs-Alptraum und schafft etwas furchtbar (und wieder unnötig) unordentlich HTML.Referenzen:
change()
.prop()
.if
erforderlich.