javascript - チェックボックスがチェックされている/チェックされていないときに変数の値を変更する

Question

チェックボックスのステータスに応じて変数の値を変更しようとしていました ここに私のコードサンプルがあります

<script type="text/javascript">
if(document.getElementByType('checkbox').checked)
{
var a="checked";}
else{
var a="not checked";}
document.getElementById('result').innerHTML ='result '+a;
</script>
<input type="checkbox" value="1"/>Checkbox<br/>
<br/>
<span id="result"></span>

このコードの問題点を教えてください。

Answer 1

            $('#myForm').on('change', 'input[type=checkbox]', function() {
                this.checked ? this.value = 'apple' : this.value = 'pineapple';
            });

Answer 2

このようなことを試してください

<script type="text/javascript">
    function update_value(chk_bx){
        if(chk_bx.checked)
        {
            var a="checked";}
        else{
            var a="not checked";
        }
        document.getElementById('result').innerHTML ='result '+a;

    }

</script>
<input type="checkbox" value="1" onchange="update_value(this);"/>Checkbox<br/>
    <span id="result"></span>

Answer 3

複雑すぎる。インラインコードはクールです。

<input type="checkbox" onclick="yourBooleanVariable=!yourBooleanVariable;">