jQuery20(加号计算机,判断按钮是否可用)

最新推荐文章于 2021-05-31 05:10:08 发布

天赋进行时

最新推荐文章于 2021-05-31 05:10:08 发布

阅读量385

点赞数

分类专栏： JS-Dom-Jquery

本文链接：https://blog.csdn.net/xbc1213/article/details/50641523

版权

JS-Dom-Jquery 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

加号计算机

注意点:要使用parseInt转换value值,另外,使用val(值)的方式,将指定的value值显示.
完整实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="jquery-1.8.3.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#btn').click(function () {
                var txt1Obj = $('#t1').val(); //注意括号
                var txt2Obj = $('#t2').val();
                //转换为int parseInt
                $('#t3').val(parseInt(txt1Obj) + parseInt(txt2Obj));
            });
        });
    </script>
</head>
<body>
    <input type="text" name="name" value=" " id='t1' />+
    <input type="text" name="name" value=" " id='t2' />
    <input type="button" name="name" value="=" id='btn' />
    <input type="text" name="name" value=" " id='t3' />
</body>
</html>

判断按钮是否可用

注意点:使用完计时器需要手动释放.
完整实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="jquery-1.8.3.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var tt = 5;
            var setId = setInterval(function () {
                tt--;
                if (tt <= 0) {
                    $('input').val('确定');
                    //在这边可以链式编程直接写上去
                    //另外,后面直接写false,true.'abled'无效
                    //使用完记得释放掉计时器
                    //计时器的时间是毫秒
                    $('input').attr('disabled', false);
                    clearInterval(setId);
                } else {
                    $('input').val('请仔细阅读内容' + tt);
                }
            }, 1000);
        });
    </script>
</head>
<body>
    <input type="button" name="name" value="请仔细阅读内容" disabled="disabled" />
</body>
</html>

天赋进行时

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery20(加号计算机,判断按钮是否可用)

加号计算机注意点:要使用parseInt转换value值,另外,使用val(值)的方式,将指定的value值显示. 完整实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="ht
复制链接

扫一扫

专栏目录