jQuery练习t193，从0到1

最新推荐文章于 2024-07-31 16:33:32 发布

虾米大王

最新推荐文章于 2024-07-31 16:33:32 发布

阅读量164

点赞数

分类专栏： jQuery JavaScript 文章标签： javascript jquery

本文链接：https://blog.csdn.net/modern358/article/details/113463829

版权

JavaScript 同时被 2 个专栏收录

329 篇文章 0 订阅

订阅专栏

jQuery

296 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-3.5.1.js"></script>
    <script>
        $(function () {
            $("input[type=radio]").change(function () {
                //获取可以使用prop，但是当我们改为设置时，返回值也可以用来判断的
                //我推荐使用第一种
                var bool = $(this).attr("checked","checked");
                //var bool = $(this).attr("checked","true");
                if(bool)
                {
                    $("p").text("你选择的是：" + $(this).val());
                }
            });
        });

        /*
        jQuery官方建议：
        具有true或false这两种取值的属性，比如checked，selected
        和disabled等，建议使用prop方法来操作，其他属性建议使用
        attr来操作。
        这个是因为prop的出现就是为了弥补attr方法在表单属性操作中
        的不足。
        记住一句话，如果某个属性没办法使用attr方法获取，改换prop即可。
         */
    </script>
</head>
<body>
<div>
    <input type="radio" id="apple" name="fruit" value="苹果">
    <label for="apple">苹果</label>
    <input type="radio" id="banana" name="fruit" value="香蕉">
    <label for="banana">香蕉</label>
    <input type="radio" id="watermelon" name="fruit" value="西瓜">
    <label for="watermelon">西瓜</label>
</div>
<p></p>
</body>
</html>

虾米大王

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery练习t193，从0到1

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.5.1.js"></script> <script> $(function () { $("input[t.
复制链接

扫一扫