单选框的选中事件

<!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>

猜你喜欢

转载自www.cnblogs.com/weilingfamily/p/9070995.html