常用几款表单选择器使用

最新推荐文章于 2022-01-25 07:00:00 发布

NYHongHong

最新推荐文章于 2022-01-25 07:00:00 发布

阅读量275

点赞数

分类专栏： Jquery常见几款属性过滤器文章标签： jquery

本文链接：https://blog.csdn.net/NYHongHong/article/details/108861633

版权

Jquery常见几款属性过滤器专栏收录该内容

2 篇文章 0 订阅

订阅专栏

下面展示一些 内联代码片。
在这里插入图片描述


// <body>
        <table border="" cellspacing="" cellpadding="">
            <tr>
                <td>姓名</td>                
                <td>
                    <input type="text" id="name" value="" />
                </td>
                <td rowspan="5">
                    <img src="images/img_4.jpg"/>
                </td>
            </tr>
            <tr>
                <td>性别</td>
                
                <td><input type="radio"name="sex" id="sex1"value="男" checked="checked"/>
                <label for="sex1">男</label>
                <input type="radio"name="sex"value="女" />
                <label for="sex1">女</label>
                
            </tr>
            <tr>
                <td>爱好</td>
                <td>
                    <input type="checkbox" id="football"/><label for="football">足球</label>
                    <input type="checkbox" id="basketball"/><label for="basketball">篮球</label>
                    <input type="checkbox" id="badminton"/><label for="badminton">羽毛球</label>
                </td>
                
            </tr>
            <tr>
                <td>籍贯</td>
                <td>
                    <select name="" id="select">
                        <option value="啥也不是">--请选择--</option>
                        <option value="1">--1--</option>
                        <option value="2">--2--</option>
                        <option value="3">--3--</option>
                        <option value="4">--4--</option>
                    </select>
                </td>
                
            </tr>
            <tr>
                <td>简介</td>
                <td>
                    <textarea name="" rows="3" cols="">
                        12321213212313123123121321321321
                    </textarea>
                </td>
                
            </tr>
        </table>
    </body>

// $(function(){
                /*alert($(":input").length);
                alert($(":image").length);
                alert($(":radio").length);*/
                
                //给名为text赋值---给姓名赋值为--张四
                $(":text:first").val("张四");
                
                //单选框如何获取值--性别获取
                var sex=$(":radio:checked").val();
                /*alert(sex);*/
                
                //如何获取复选框中的值---获取爱好
                var hot="";
                $(":checkbox:checked").each(function(){
                    hot+=$(this).val()+"/";
                })
                /*alert(hot);*/
                
                //用:selected 获取下拉列表中的选项
                var select=$("#select :selected").val();
                /*alert(select);*/
            })