使用JQuery对checkbox及radio与select下拉单选赋默认值

来源：互联网发布：同性在知乎编辑：程序博客网时间：2024/05/17 08:24

JQuery对select的选取

<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>测试</title>    </head>    <script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>    <script type="text/javascript">        $(function(){            $("select").val("二" );//需要选取的values值        });    </script>    <body>        <select name="abc">            <option value="一">第一个</option>            <option value="二">第二个</option>            <option value="三">第三个</option>            <option value="四">第四个</option>        </select>    </body></html>

JQuery对radio的选取

<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>测试</title>    </head>    <script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>    <script type="text/javascript">        $(function(){            $("#in2").attr("checked","checked");            //对radio选取        });    </script>    <body>        <input type="radio" class="ab" value="一" id="in1" name="v" />        <label for="in1">第一个</label>        <!--lable作用点击字体时，相当点击radion那个圆点，相当于与radio关联，读者可自行测试理解-->        <input type="radio" class="ab" value="二" id="in2" name="v" />        <label for="in2">第二个</label>        <input type="radio" class="ab" value="三" id="in3" name="v" />        <label for="in3">第三个</label>    </body></html>

JQuery对checkbox的选取

<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>测试</title>    </head>    <script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>    <script type="text/javascript">        $(function(){            $("#in2").attr("checked","checked");            $("#in3").attr("checked","checked");            //对checked选取        });    </script>    <body>        <input type="checkbox" class="ab" value="一" id="in1" name="v" />        <label for="in1">第一个</label>        <input type="checkbox" class="ab" value="二" id="in2" name="v" />        <label for="in2">第二个</label>        <input type="checkbox" class="ab" value="三" id="in3" name="v" />        <label for="in3">第三个</label>    </body></html>

0 0