23点击按钮选择性别和兴趣

<input type="button" value="修改性别" id="btn14">
        <input type="radio" name="sex" value="1"><input type="radio" name="sex" value="2" id="rad1"><script type="text/javascript">
            function my$(id) {
                return document.getElementById(id);
            }
            //规律:在表单标签中,如果属性和值只有一个,并且值是这个是属性本身
            //(比如,单选按钮默认选择:checked="checked")
            //那么,在写js代码,DOM操作的时候,这个属性值,是布尔类型就可以了
            my$("btn14").onclick = function() {
                my$("rad1").checked = true;
            };
        </script>
        <br />
        
        <input type="button" value="选择兴趣" id="btn15" />
        <input type="checkbox" name="xingqu" value="1" />吃饭
        <input type="checkbox" name="xingqu" value="2" id="a"/>睡觉
        <input type="checkbox" name="xingqu" value="3" />打豆豆
        <input type="checkbox" name="xingqu" value="4" id="b"/>唱歌
        <script type="text/javascript">
            my$("btn15").onclick =function(){
                my$("a").checked=true;
                my$("b").checked=true;
            };
        </script>

 

posted @ 2019-08-28 14:52  鱼七姑娘  阅读(241)  评论(0编辑  收藏  举报