单选框的选中事件

Posted 2020-11-07 小冰精灵

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了单选框的选中事件相关的知识，希望对你有一定的参考价值。

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

以上是关于单选框的选中事件的主要内容，如果未能解决你的问题，请参考以下文章

jsp中选择单选框改变下面显示的值,这个代码如何实现

checbox复选框实现radio单选框的单选功能