|
|
|
ขอโค้ด สำหรับการ คลิก Radio Button เพื่อ "ยกเลิก" การเลือก |
|
|
|
|
|
|
|
เอา Code มาแปะครับ จะได้ช่วยดูให้ได้
|
|
|
|
|
Date :
2019-11-14 14:15:23 |
By :
Manussawin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (JavaScript)
<input type="radio" name="option" value="1">1<br>
<input type="radio" name="option" value="2">2<br>
<br>
<button type="button" onclick="return clearRadioButton();">Clear</button>
<script>
function clearRadioButton() {
let inputRadioButtons = document.querySelectorAll('input[name="option"]');
inputRadioButtons.forEach(function(item, index) {
item.checked = false;
});
return false;
}
</script>
|
|
|
|
|
Date :
2019-11-14 14:36:32 |
By :
mr.v |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Example :
<html>
<head>
</head>
<body>
<form id="frm">
<fieldset id="foobar">
<label>foo?
<input name="foobar1" rel='chk' type="radio" value="foo" checked />
</label>
<label>bar?
<input name="foobar1" rel='chk' type="radio" value="bar"/>
</label>
</fieldset>
<fieldset id="foobar">
<label>foo?
<input name="foobar2" rel='chk' type="radio" value="foo" />
</label>
<label>bar?
<input name="foobar2" rel='chk' type="radio" value="bar" checked />
</label>
</fieldset>
<button id="btnRe">Reset</button>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function () {
$('#frm').on('click','#btnRe',function(e){
e.preventDefault();
$('[rel=chk]').each(function(){
$(this).prop('checked',false);
});
})
});
</script>
</body>
</html>
|
|
|
|
|
Date :
2019-11-14 14:36:53 |
By :
Genesis™ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณหลายๆ เด้อ ครับ
|
|
|
|
|
Date :
2019-11-14 14:44:18 |
By :
error.dew |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|