zoukankan      html  css  js  c++  java
  • JQ 操作样式,单选按钮跟复选框

    <!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="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("#getValue").click(function () {
                    alert($(":radio[name=gender]:checked").val());
                });
                $("#setValue").click(function () {
                    $(":radio[name=gender]").val(["保密"]); //给radio设值(选中)时要添加中括号[]
                });
            });
    
            /*****选中多个*******/
            $(function () {
                $("#checkBtn").click(function () {
                    $(":checkbox").val(["羽毛球", "篮球"]);
                });
            });
        </script>
    </head>
    <body>
        <input type="radio" value="" name="gender" />男<br />
        <input type="radio" value="" name="gender" />女<br />
        <input type="radio" value="保密" name="gender" />保密<br />
        <input type="button" value="取值" id="getValue" />
        <input type="button" value="设置" id="setValue" />
        <br />
        <br />
        <br />
        <input type="checkbox" value="篮球" />篮球
        <input type="checkbox" value="足球" />足球
        <input type="checkbox" value="乒乓球" />乒乓球
        <input type="checkbox" value="冰球" />冰球
        <input type="checkbox" value="羽毛球" />羽毛球
        <input type="checkbox" value="橄榄球" />橄榄球
        <input type="button" id="checkBtn" value="选中多个" />
    </body>
    </html>
  • 相关阅读:
    HTML中一定会常用的标签和标签属性(这是网页构成的重要元素
    HTML(超文本语言)
    SQL SERVER中视图、事务
    important覆盖行内样式
    线性渐变
    「JavaScript面向对象编程指南」闭包
    移动端文章图片大小限制
    Vue中ajax返回的结果赋值
    「JavaScript面向对象编程指南」基础
    JS媒体查询
  • 原文地址:https://www.cnblogs.com/sumg/p/3742707.html
Copyright © 2011-2022 走看看