JSFiddle - React, Tailwind, and code Playground

by Сергей Тарасевич

HTML

<!doctype html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css?family=Poiret+One|Ubuntu:300" rel="stylesheet">
    <title>DISC test Сергей Сергеевич Седлярчук</title>
  </head>

  <body style="margin: 0px;padding: 0px; background: #f5f5f5; font-family: 'Ubuntu', sans-serif;">
    <div style="width: 100%; position: absolute; top: 0; height: 10px; background: #dedede;">
      <div style="width: 20.833333333333%; background: #0000F0; height: 10px"></div>
    </div>
    <div style="width: 900px; margin: 0 auto">

      <div style="text-align: center; margin-bottom: 40px">
        <h1 style="font-family: 'Poiret One', cursive; line-height: 60px;">Создайте свой профиль личности</h1>
        Отметьте одно качество в строке "Более", которое соответствует Вашему поведению БОЛЕЕ всего. Отметьте качество в строке "Менее", которое соответствует Вашему поведению МЕНЕЕ всего
      </div>

      <form name="form" method="post" action="/test/userMnHzV1wbXTiPeCxN3_N4FIa0UrqYGkVdxKmlaLCRsJ8">


        <table style="border: solid 1px #e0e0e0; font-size: 14px; text-align: center;" cellpadding="0" cellspacing="0">
          <tr style="">
            <td style="padding: 20px 25px"></td>
            <td style="padding: 20px 25px">жизнерадостный, веселый</td>
            <td style="padding: 20px 25px">точный, аккуратный</td>
            <td style="padding: 20px 25px">отважный, бесстрашный</td>
            <td style="padding: 20px 25px">уравновешенный, спокойный</td>
          </tr>
          <tr style="background: #fff;">
            <th style="padding: 20px 25px;border-bottom: 1px solid  #e0e0e0;">Больше</th>
            <td style="padding: 20px 25px; border-bottom: 1px solid  #e0e0e0;"><input type="radio" id="form_option_1_17"...

JavaScript

let inputDisable = function( a, b ) {
	let inputAll = document.getElementsByName( 'form[option_' + a + ']' );
  
  inputAll.forEach( function( item, i, inputAll ) {
       item.removeAttribute ( 'disabled' );
    
  });

	let input = document.getElementById( 'form_option_' + a + '_' + b );
  input.setAttribute( 'disabled', true );
  
}