JSFiddle - React, Tailwind, and code Playground

by superj80820

HTML

<div align="center">
<form name="form">
    <input type="radio" name="location" value="Taipei"> 台北<br>
    <input type="radio" name="location" value="Taoyuan"> 桃園<br>
    <input type="button" name="submit" value="Try me" />
</form>
</div>

JavaScript

document.form.submit.onclick = function(){
	document.form.submit.disabled = true
	const radios = Array.prototype.slice.call(document.form.location)
	const whoWasClicked = radios
    .filter(item => item.checked === true)
  if (whoWasClicked.length !== 0) setTimeout(() => {
  	alert(`do ajax, requests ${whoWasClicked[0].value}`)
    document.form.submit.disabled = false
  }, 1000)
  else alert('你沒選東西')
}