JSFiddle - React, Tailwind, and code Playground
HTML
<div class="optionHolder">
<p class="optionName">Group</p>
<div class="option checked">
<input type="radio" name="fileType" value="avi" />
<label>AVI</label>
</div>
<div class="option">
<input type="radio" name="fileType" value="mov" />
<label>MOV</label>
</div>
<div class="option">
<input type="radio" name="fileType" value="mp4" />
<label>MP4</label>
</div>
<div class="option">
<input type="radio" name="fileType" value="mp3" />
<label>MP3</label>
</div>
</div>
<br>
<p class="optionName">Group2</p>
<div class="option checked">
<input type="radio" name="textType" value="avi" />
<label>DOC</label>
</div>
<div class="option">
<input type="radio" name="textType" value="mov" />
<label>TEXT</label>
</div>
<div class="option">
<input type="radio" name="textType" value="mp4" />
<label>XLSX</label>
</div>
<div class="option">
<input type="radio" name="textType" value="mp3" />
<label>PPT</label>
</div>
</div>
<br>
<p class="optionName">Group3</p>
<div class="option checked">
<input type="radio" name="lanType" value="avi" />
<label>ENG</label>
</div>
<div class="option">
<input type="radio" name="lanType" value="mov" />
<label>CHINESE</label>
</div>
<div class="option">
<input type="radio" name="lanType" value="mp4" />
<label>JAPAN</label>
</div>
<div class="option">
<input type="radio" name="lanType" value="mp3" />
<label>ERUO</label>
</div>
</div>
<input type='submit' id='submit' value='submit'>
JavaScript
jQuery('#submit').click(function(event){
var checkbox = $("'input:radio:checked'");
if( checkbox .length != 3 ){
alert( "有題目未填寫" );
}
else{
alert( "己送出" );
}
});