โปรพอประมาณ: Function Checkbox checked by scrip.

10/03/2024

Function Checkbox checked by scrip.

<!DOCTYPE html>
<html>
    <title>Test</title>
    <meta charset="UTF-8">
 
    <body>
        <div align='center'>
            <form id="myForm" align='center'>
                <label><input type="checkbox" name="OD" id="OD" value="1" onchange="CheckedBox(this.value)"> ฝพอ.</label><br>
                <label><input type="checkbox" name="IF" id="IF" value="2" onchange="CheckedBox(this.value)"> ฝบง.</label><br>
                <label><input type="checkbox" name="DS" id="DS" value="3" onchange="CheckedBox(this.value)"> ฝอบ.</label><br>
                <br>
                <input type="button" name="Submit" id='Submit' value=" Reset " onClick="CheckedBox()";>
            </form>
            <br>
            <form id="myForm2" align='center'>
                <label><input type="checkbox" name="checkbox3" id="checkbox3" value=""> หน.งทส.</label><br>
                <label><input type="checkbox" name="checkbox4" id="checkbox4" value=""> หน.งพม.</label><br>
                <label><input type="checkbox" name="checkbox5" id="checkbox5" value=""> หน.งสป.</label><br>
                <label><input type="checkbox" name="checkbox6" id="checkbox6" value=""> หน.งบง.</label><br>
                <label><input type="checkbox" name="checkbox7" id="checkbox7" value=""> หน.งอบ 1.</label><br>
                <label><input type="checkbox" name="checkbox8" id="checkbox8" value=""> หน.งอบ 2.</label><br>
            </form>
        </div>  
        <script></script>
    </body>
</html>

 
        function CheckedBox(value) {
            if(value == 1){
                document.getElementById("checkbox3").checked = true;
                document.getElementById("checkbox4").checked = true;
                document.getElementById("checkbox5").checked = true;
                document.getElementById("checkbox6").checked = false;
                document.getElementById("checkbox7").checked = false;
                document.getElementById("checkbox8").checked = false;
            } else if (value == 2){
                document.getElementById("checkbox3").checked = false;
                document.getElementById("checkbox4").checked = false;
                document.getElementById("checkbox5").checked = false;
                document.getElementById("checkbox6").checked = true;    
                document.getElementById("checkbox7").checked = false;
                document.getElementById("checkbox8").checked = false;   
            } else if (value == 3){
                document.getElementById("checkbox3").checked = false;
                document.getElementById("checkbox4").checked = false;
                document.getElementById("checkbox5").checked = false;
                document.getElementById("checkbox6").checked = false;   
                document.getElementById("checkbox7").checked = true;
                document.getElementById("checkbox8").checked = true;    
            } else {
                document.getElementById("OD").checked = false;
                document.getElementById("IF").checked = false;
                document.getElementById("DS").checked = false;
                document.getElementById("checkbox3").checked = false;
                document.getElementById("checkbox4").checked = false;
                document.getElementById("checkbox5").checked = false;
                document.getElementById("checkbox6").checked = false;
                document.getElementById("checkbox7").checked = false;
                document.getElementById("checkbox8").checked = false;
            }   
        }  

หน้าเว็บ

10/03/2024

Function Checkbox checked by scrip.

No comments:

Post a Comment