初学javascript 实现多选题实时显示

功能是：1、开启实时显示时，点击选项后在

                <span>您选择的答案:</span><span id="xian"></span>

处会实时显示用户的选择的选项

2、关闭实时后，点击提交按钮，才会显示用户选择的选项；

先上HTML代码

 <span style="font-family: monospace;font-size:14px; white-space: pre-wrap;"> </span><span style="font-family: monospace;font-size:14px; white-space: pre-wrap;"></span><pre name="code" class="html"><span>您选择的答案:</span><span id="xian"></span>

<p> <input id="Checkbox1"  name="c"  value="A"  οnclick="mycheck() "  type="checkbox" /><label>A:苹果6</label></p>
     <p> <input id="Checkbox2" type="checkbox" name="c" οnclick="mycheck() " value="B"/><label>B:荣耀6</label></p>
      <p><input id="Checkbox3" type="checkbox" name="c" οnclick="mycheck() " value="C" /><label>C:魅族4</label></p>
     <p><input id="btn1" type="button" value="关闭实时" οnclick="start()"/></p> 
     <p><input id="btn" type="button" value="提交" οnclick=" myfun() " /></p>

下面是javascript

 <script type="text/javascript">
        // $(document).ready(function () { alert("hello world"); });
        /*$(document).ready(function () {
        var $check = $("#Checkbox1");
        // var check = $check[0];//转换失败，不能转换为DOM对象
        //var check = $check.get(0);
       
        var che = document.getElementById("Checkbox1");
        $check.click(function () {
        if (che.checked)
        alert("感谢您的支持");
        });

        })
        */

        var txt = document.getElementById("xian");
        var i, n = 1;
        /* 实时显示用户选择的答案模块*/
        function mycheck() {
            var m = "";
            var item = document.getElementsByName("c");
            if (n == 1) {
                for (i = 0; i < item.length; i++) {
                    if (item[i].checked) {
                        m += item[i].value + "  ";

                        //txt.innerHTML += item[i].value;
                        //txt.innerHTML += "  ";
                    }
                    txt.innerHTML = m;
                }
            }
        }
        /* 关闭或开启实时显示 */
        function start() {
            var btn1 = document.getElementById("btn1");
            if (n == 2) {
                n = 1;
                btn1.value = "关闭实时";
            }
            else
            { n = 2; btn1.value = "开启实时"; }
        }
        /*点提交显示选择项  */


        function myfun() {
            var arr = new Array();
            var item = document.getElementsByName("c");

            for (i = 0; i < item.length; i++) {
                if (item[i].checked) {
                    arr.push(item[i].value);


                }
            }
            var btn = document.getElementById("btn");
            var m = "";
            for (i = 0; i < arr.length; i++)
            { m += arr[i] + "  "; }
            txt.innerHTML = m;
            // btn.value = "wo";
            //alert("选择的个数："+arr.length)
        }


</script>

总结：1、在点击关闭实时/开启实时 按钮想要改变btn1按钮的value时，必须要把

 var btn1 = document.getElementById("btn1");

放在函数体内才可以实现。放在外面不行。这个问题希望谁给回复下，

2、在IE8下点击”关闭实时/开启实时“时没反应，出现脚本错误。其他浏览器一切正常