JSFiddle - React, Tailwind, and code Playground
JavaScript
jQuery( '#input_167_1 input[type="checkbox"]' ).on( 'click', function() {
var $bu = jQuery( '#choice_2_9_1' );
var $pkv = jQuery( '#choice_2_9_2' );
var $etf = jQuery( '#choice_2_9_3' );
var $fiko = jQuery( '#choice_2_9_4' );
// Check Green if Rea & Blue are checked.
if ( $bu.is( ':checked' ) && $pkv.is( ':checked' ) )
if ( $pkv.is( ':checked' ) && $etf.is( ':checked' ) )
if ( $bu.is( ':checked' ) && $etf.is( ':checked' ) ){
$bu.prop( 'checked', false );
$pkv.prop( 'checked', false );
$etf.prop( 'checked', false );
$fiko.prop( 'checked', true );
}
// Prevent Red & Blue from being checked if Green is checked.
else if ( $fiko.is( ':checked' ) ) {
$bu.prop( 'checked', false );
$pkv.prop( 'checked', false );
$etf.prop( 'checked', false );
}
} );