单选框的选中事件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <label>第一个</label>
        <input name="radio1" type="radio" id="input1">
        <label>第二个</label>
        <input name="radio1" type="radio" id="input2">
    </body>
    <script src="js/jquery.min.js"></script>
    <script>
        $("#input1").attr("checked","checked");//默认第一个选中
        $('input:radio[name="radio1"]').change(function () {
            if($("#input1").is(":checked")){
                alert("选中第一个!")
            }
            if($("#input2").is(":checked")){
                alert("选中第二个!")
            }
        })
    </script>
</html>

 

posted @ 2018-05-22 11:06  小冰精灵  阅读(13742)  评论(0编辑  收藏  举报