propiedades - seleccionar radio button javascript

Botón de radio OnClick Desactivar otro botón de radio

Question

Tengo dos grupos de botones de radio. Los botones de Insurance Type para Insurance Type y Report Type

código para el tipo de seguro:

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

y código para el tipo de informe:

<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 

Lo que quiero lograr es que cuando hago clic en el botón de radio de seguro de beneficios del grupo de tipo de seguro, se debe desactivar la cobertura de préstamo y el botón de radio de cobertura premium del grupo de tipo de informe.

No soy un chico de JavaScript, así que cualquier ayuda sería muy útil para mí.

Answer 1

La siguiente es una forma pura de Javascript para lograr esto. En realidad, lo que necesita es manejar dos eventos: uno si el elemento DOM de benefit está marcado y uno si el elemento DOM de load está marcado. Como al hacer clic en load debería reactivar presumiblemente los dos botones de opción desactivados, cree una función separada para manejar cada uno de ellos:

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

Answer 2

primero, agregue identificadores para las entradas de Beneficio, cobertura de préstamo y cobertura de prima (por ejemplo, beneficio, préstamo y prima de mi código). Luego usa el siguiente javascript:

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

Si desea volver a habilitarlos cuando hacen clic atrás en préstamo en el tipo de seguro, necesitará otro controlador para esa entrada:

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