javascript - type - Bouton radio Onclick Désactiver un autre bouton radio




radio button html (2)

J'ai deux groupes de boutons radio. Les boutons radio pour le Insurance Type et le Report Type

code pour le type d'assurance:

<input type="radio" class="p27" name="ins_type" value="loan"/> Loan Insurance
<input type="radio" class="p27" name="ins_type" value="benefit"/> Benefit Insurance 

et code pour le type de rapport:

<input type="radio" class="p27" name="rep_type" value="normal_rep"/> Normal Listing
<input type="radio" class="p27" name="rep_type" value="loan_coverage"/> Loan Coverage
<input type="radio" class="p27" name="rep_type" value="premium_coverage"/> Premium Coverage 

Ce que je veux réaliser, c'est lorsque je clique sur le bouton radio d'assurance de prestations du groupe de types d'assurance, le bouton d'option Couverture de prêt et Couverture de prime du groupe Type de rapport doit être désactivé.

Je ne suis pas un mec JavaScript, donc toute aide serait très utile pour moi.


Ce qui suit est un moyen Javascript pur pour accomplir ceci. Vraiment, ce dont vous avez besoin, c'est de gérer les deux événements - un si l'élément DOM du benefit est coché, et un si l'élément DOM de load est coché. Étant donné que le clic sur load devrait vraisemblablement réactiver les deux boutons radio désactivés, créez une fonction distincte pour gérer chacun d'entre eux:

document.getElementById('benefit') = function() {
    document.getElementById('loan_coverage').disabled = true;
    document.getElementById('premium_coverage').disabled = true;
};

document.getElementById('loan') = function() {
    document.getElementById('loan_coverage').disabled = false;
    document.getElementById('premium_coverage').disabled = false;
};

Tout d'abord, ajoutez les identifiants pour les intrants pour les prestations, la couverture des prêts et la couverture des primes (dites avantage, prêt et prime pour mon code). Ensuite, utilisez le javascript suivant:

document.getElementById('benefit').onclick = function() {
    document.getElementById('loan').disabled = true;
    document.getElementById('premium').disabled = true;
}

Si vous voulez les réactiver quand ils cliquent sur le prêt dans l'insurancetype vous aurez besoin d'un autre gestionnaire pour cette entrée:

document.getElementById('loanType').onclick = function() {
    document.getElementById('loan').disabled = false;
    document.getElementsById('premium').disabled = false;
}




radio-button