title: How to Disable whole Div Contents without using JQuery
body: <p>As I have Basic knowledge of JavaScript I want to do operation like following :</p>
  
  <ul>
  <li><p>By using Two radio button giving two option for Payment :</p>
  
  <ol>
  <li>By Cash</li>
  <li>By Check </li>
  </ol></li>
  <li><p>If user select the radio button of Cash the Cheque Button should also disable and the  Div of Cheque  in which the details like cheque no and bank name is should also disable. </p></li>
  <li><p>And visa Versa</p></li>
  </ul>
  
  <p>Is there a way to do that without using JQuery? (disable a div and get all content disabled also)</p>
  
  <p>Thanks in Advance For Help.</p>