<div class="gsTabBox">
<input type="radio" name="toggle" id="gstab1" checked/>
<input type="radio" name="toggle" id="gstab2" />
<input type="radio" name="toggle" id="gstab3" />
<nav>
<ul>
<li onclick="getWaterPercentOfArea(1)"><label for="gstab1">日</label></li>
<li onclick="getWaterPercentOfArea(2)"><label for="gstab2">月</label></li>
<li onclick="getWaterPercentOfArea(3)"><label for="gstab3">年</label></li>
</ul>
</nav>
</div>
function changeRadioChecked(){
$("input[name=toggle][id=gstab1]").prop("checked", "checked");
$("input[name=toggle][id=gstab2]").removeAttr('checked');
$("input[name=toggle][id=gstab3]").removeAttr('checked');
}