表单属性筛选过滤器

最新推荐文章于 2023-07-22 08:42:18 发布

syf_wfl

最新推荐文章于 2023-07-22 08:42:18 发布

阅读量213

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/wflsyf/article/details/112761351

版权

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <script type="text/javascript" src="jss/jquery-3.4.1.js"></script>
        <script>
            $(document).ready(function () {
                $("#bt1").click(function () {
                    //获取所有可用的text
                    let entext=$(":text:enabled");
                    //设置jquery中所有dom的value值
                    entext.val("hello");
                })
                $("#bt2").click(function () {
                    let checked=$(":checkbox:checked");
                    for (let i=0;i<checked.length;i++){
                        alert(checked[i].value);
                    }
                })
                $("#bt3").click(function () {
                    let select=$("select>option:selected");
                    for (let i=0;i<select.length;i++){
                        alert(select[i].value);
                    }
                })
            })
        </script>
        <input type="text" id="t1" value="text1"><br>
        <input type="text" id="t2" value="text2" disabled><br>
        <input type="text" id="t3" value="text3"><br>
        <input type="text" id="t4" value="text4" disabled><br>
        <input type="checkbox" value="游泳">游泳<br>
        <input type="checkbox" value="健身" checked>健身<br>
        <input type="checkbox" value="电子游戏" checked>电子游戏<br>
        <select>
            <option value="java">java</option>
            <option value="c" selected>c</option>
            <option value="python">python</option>
        </select><br>
        <input type="button" value="所有可用的text设置值为hello" id="bt1">
        <input type="button" value="显示被选中的复选框的值" id="bt2">
        <input type="button" value="显示下拉列表选中的值" id="bt3">
    <button></button>
    </body>
</html>

syf_wfl

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
表单属性筛选过滤器

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript" src="jss/jquery-3.4.1.js"></scrip
复制链接

扫一扫