web

 <script src="http://localhost:1451/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () { $("#button1").click(){var adds=$("input[name='name1']").text()+$("input[name='name2']").text();$("input[name='name3']").text(adds);}});
    </script>
</head><body>
<input type="text"name="name1"></input>
+
<input type="text"name="name2"></input>
=
<input type="text"name="name3"></input>
<input id="button1"type="button"></input>
</body>
文本框三咋不出现结果呢？哪出现错误了？

解决方案 »

  1.   

    你自己看看你的adds得到的什么值
      

  2.   


    <script type="text/javascript">
    $(document).ready(function (){ 
    $("#button1").click(function(){
    var adds=Number($("input[name='name1']").val())+Number($("input[name='name2']").val());
    $("input[name='name3']").val(adds);
    })
    });
    </script>
      

  3.   

    <!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="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">        $(document).ready(function () {
                $("#button1").click(function () {
                    var num1 = $("input[name='name1']").val();
                    var num2 = $("input[name='name2']").val();
                    var adds = (num1-0)+(num2-0);                $("input[name='name3']").val(adds);
                });
            });
        </script>
    </head>
    <body>
        <input type="text" name="name1"/>
        +
        <input type="text" name="name2"/>
        =
        <input type="text" name="name3"/>
        <input id="button1" type="button" value='add'/>
    </body>
    </html>
      

  4.   

    $(function () {
            $("input[name=names]").click(function () {
                var vars = new Array();
                $("input[name=names]:checked").each(function (key, value) { vars[key] = $(value).val(); });
                $("#txt1").text(vars.length);
            });
        });<body>
    <input type="checkbox";name="names";value="tom"/>tom
    <input type="checkbox";name="names";value="jim"/>jim
    <input type="checkbox";name="names";value="fxp"/>fxp</br></br></br>
    <input id="txt1";type="text"/>
    <p id="p1"></p>
    </body>
    </html>
    看看这段代码那里有错误,结果还是显示不出来
      

  5.   

    <script>
    $(function () {
      $("input[name=names]").click(function () {
       var vars = new Array();
       $("input[name=names]:checked").each(function (key, value) { vars[key] = $(value).val(); });
       $("#txt1").val(vars.length);
      });
    });
    </script>
    <input type="checkbox" name="names" value="tom"/>tom
    <input type="checkbox" name="names" value="jim"/>jim
    <input type="checkbox" name="names" value="fxp"/>fxp</br></br></br>
    <input id="txt1" type="text"/>
    没有分号
      

  6.   

     $(function () {
                $("input[type=checkbox]").click(function () {
                    
                    var vars = new Array();
                    $("input[type=checkbox]:checked").each(
                        
                       function (key, value) {
                           vars[key] = $(value).val();                   });
                    $("#txt1").val(vars.length);
                });
            });
      

  7.   

    改成$("#txt1").val(vars.length);也不出来啊
      

  8.   

    $("input[type=checkbox]").click(function () {
                    
                    var vars = new Array();
                    $("input[type=checkbox]:checked").each(
                        
                       function (key, value) {
                           vars[key] = $(value).val();                   });
                    $("#txt1").val(vars.length);
                });
    这个也不行，咋回事呢？
      

  9.   

    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script>
    $(function () {
      $("input[name=names]").click(function () {
      var vars = new Array();
      $("input[name=names]:checked").each(function (key, value) { vars[key] = $(value).val(); });
      $("#txt1").val(vars.length);
      });
    });
    </script>
    <input type="checkbox" name="names" value="tom"/>tom
    <input type="checkbox" name="names" value="jim"/>jim
    <input type="checkbox" name="names" value="fxp"/>fxp</br></br></br>
    <input id="txt1" type="text"/>
      

  10.   

    <head>
        <title></title>
        <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <style type="text/css">
            .gaoliang{background-color:Yellow;}
        </style>
    </head>
    <script type="text/javascript">
        $(function () {
            $("table tr").click(function () {
                $(this).addClass("gaoliang").siblings().removeClass("gaoliang");
            });
        });
        $(function () {
            var trs = $("<tr><td>" + "3" + "</td><td>" + "地理信息系统" + "</td></tr>");
            $("table").append(trs);//动态添加的表格没有受当鼠标点击时的效果
        });
    </script>
    <body>
    <table>
    <tr><td>标题</td><td>内容</td></tr>
    <tr><td>1</td><td>dfsve</td></tr>
    <tr><td>2</td><td>efefewr</td></tr>
    </table>
    为啥将鼠标点击动态添加的那个行时背景咋不变化呢？是不是不能改变动态添加的
      

  11.   

      $(function () {
      var trs = $("<tr><td>" + "3" + "</td><td>" + "地理信息系统" + "</td></tr>");
      $("table").append(trs);
      
      $("table tr").click(function () {
       $(this).addClass("gaoliang").siblings().removeClass("gaoliang");
      });
      });
      

  12.   

    <head>
       <title></title>
       <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
       <style type="text/css">
       .gaoliang{background-color:Yellow;}
       </style>
    </head>
    <script type="text/javascript">
       $(function () {
       $("table tr").click(function () {
       $(this).addClass("gaoliang").siblings().removeClass("gaoliang");
       });
       });
       $(function () {
       var trs = $("<tr><td>" + "3" + "</td><td>" + "水电费idc额外" + "</td></tr>");
       $("table").append(trs);//动态添加的表格没有受当鼠标点击时的效果
       });
    </script>
    <body>
    <table>
    <tr><td>标题</td><td>内容</td></tr>
    <tr><td>1</td><td>dfsve</td></tr>
    <tr><td>2</td><td>efefewr</td></tr>
    </table>
    为啥这段代码就不行，当单击那行时就换背景
      

  13.   

    文档就绪函数，所有 jQuery 函数位于一个 document ready 函数中：
    $(document).ready(function(){--- jQuery functions go here ----});这个是简写，：
    $(function () {  …… });
      

  14.   

    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <style type="text/css">
          .qiehuan{background-color:Gray;}
        </style>
        <script type="text/javascript">
            $(function () {
                $("#txt1").val("请输入关键字……").addClass("qiehuan").blur(function () {
                    if ($("#txt1").val() == "") {
                        $("#txt1").val("请输入关键字").addClass("qiehuan");
                    } })
                    .focus(function () {
                    if ($("#txt1").val() == "请输入关键字……") {
                        $("#txt1").val("");
                        $("#txt1").removeClass("qiehuan");
                    }
                });
            });
        </script>
    </head>
    <body>
    搜索框：<input type="text" id="txt1"></input>
    </body>
    当文本框在不输入任何文本情况下，单击第二次时文本框就不出现效果，咋回事？
      

  15.   

      $("#txt1").val("请输入关键字……").addClass("qiehuan");
      $(function () {
       $("#txt1").val("请输入关键字……").addClass("qiehuan").blur(function () {
       if ($("#txt1").val() == "") {
       $("#txt1").val("请输入关键字……").addClass("qiehuan");
       }
       })
       .focus(function () {
       if ($("#txt1").val() == "请输入关键字……") {
       $("#txt1").val("");
       $("#txt1").removeClass("qiehuan");
       }
       });
      });
      

  16.   

    那为啥值还要一样啊？if ($("#txt1").val() == "") {
                  $("#txt1").val("请输入关键字……").addClass("qiehuan");这个不是从新给文本框设置新值吗？
      

  17.   

    <head>
       <title></title>
       <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
       <style type="text/css">
       .gaoliang{background-color:Yellow;}
       </style>
    </head>
    <script type="text/javascript">
       $(function () {
       $("table tr").click(function () {
       $(this).addClass("gaoliang").siblings().removeClass("gaoliang");
       });
       });
       $(function () {
       var trs = $("<tr><td>" + "3" + "</td><td>" + "水电费idc额外" + "</td></tr>");
       $("table").append(trs);//动态添加的表格没有受当鼠标点击时的效果
       });
    </script>
    <body>
    <table>
    <tr><td>标题</td><td>内容</td></tr>
    <tr><td>1</td><td>dfsve</td></tr>
    <tr><td>2</td><td>efefewr</td></tr>
    </table>
    为啥这段代码就不行，当单击动态添加的那行背景不行，咋回事
      

  18.   

    19楼的问题请认真看13楼回复：所有 jQuery 函数位于一个 document ready 函数中：
      

  19.   

    <head>
        <title></title>
        <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("#btnsetall").click(function () {
                    $("#div1 :checkbox").attr("checked", true);
                    //$(":checkbox[name=checkboxs]").val(["玩电脑", "看书", "听音乐"]);
                });
                $("#btnsetfan").click(function () {
                    $("#div1 :checkbox").each(function () {
                        $(this).attr("checked", !$(this).attr("checked"));
                    });
                });
                $("#btnsetnot").click(function () {
                    $("#div1 :checkbox").attr("checked", false);             });
            });
        </script>
    </head>
    <body>
    <div id="div1">
    <input type="checkbox" name="checkboxs">玩电脑</input>
    <input type="checkbox" name="checkboxs">看书</input>
    <input type="checkbox" name="checkboxs">听音乐</input>
    </div>
    <input type="button" id="btnsetall" value="全选"></input>
    <input type="button" id="btnsetfan"value="反选"/>
    <input type="button" id="btnsetnot"value="全不选"/>
    </body>
    为啥#div1 :checkbox中间的空格不能省略不能省略？
    $("#btnsetfan").click(function () {
                    $("#div1 :checkbox").each(function () {
                        $(this).attr("checked", !$(this).attr("checked"));
                    });
                });
    在这段代码中this啥意思？换成其他的行吗？如：$(":checkbox[name=checkboxs]:checked").attr("checked","!$(":checkbox[name=checkboxs]:checked").attr("checked");这样行吗？
      

  20.   

      $(function () {
       $("#btnsetall").click(function () {
       $("#div1 :checkbox").attr("checked", true);
       //$(":checkbox[name=checkboxs]").val(["玩电脑", "看书", "听音乐"]);
     为啥使用 //$(":checkbox[name=checkboxs]").val(["玩电脑", "看书", "听音乐"]);
    这个就不行？
      

  21.   

      $("#btnsetall").click(function () {
       $(":checkbox").attr("checked", true);
      });
    $("#div1 :checkbox").attr("checked", true);
    #div1和:checkbox两个元素吧，中间肯定要用空格隔开呀，只用:checkbox可以的。
      

  22.   

     
    $(":checkbox").attr("checked", true);//这个是表示所有 type="checkbox" 的 <input> 元素都被选中的意思
    $("input").val();//这个表示获取第一个匹配元素的值
    $("input").val('听音乐');//这个表示给第一个匹配元素的input赋值
      

  23.   

    $(":checkbox[name=checkboxs]").val(["玩电脑", "看书", "听音乐"]);
    和$("#div1 :checkbox").attr("checked", true);
     两个有啥不一样？第一个不能在网页加载时给checkbox赋值，为啥第一个咋不行？
      

  24.   

    第一种是参考radio的有关方法，不知对checkbox也适应
      

  25.   

    我知道了，你没有在input中设置它的value，这样就可以了，你试试。
      $(function () {
      $("#btnsetall").click(function () {
     // $("#div1 :checkbox").attr("checked", true);
      $(":checkbox[name=checkboxs]").val(["玩电脑", "看书", "听音乐"]);
      });
      $("#btnsetfan").click(function () {
      $("#div1 :checkbox").each(function () {
      $(this).attr("checked", !$(this).attr("checked"));
      });
      });
      $("#btnsetnot").click(function () {
      $("#div1 :checkbox").attr("checked", false); });
      });
    <input type="checkbox" name="checkboxs" value="玩电脑">玩电脑</input>
    <input type="checkbox" name="checkboxs" value="看书">看书</input>
    <input type="checkbox" name="checkboxs" value="听音乐">听音乐</input>
      

  26.   

    试过了，那个不行，估计是不能用于checkbox
      

  27.   

    <head>
        <title></title>
        <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("#amg1").mousemove(function (e) {
                    $("<img src='/images/IMG1117184800.jpg' style='position:absolute;'></img>").css("left", e.pageX).css("top", e.pageY);
                    var p = $("<p>姓名：学校：</p>");
                    $("div1").append(p);
                });
            });
        </script>
    </head>
    <body>
    <img id="img1"src="/images/122.gif" style="position:absolute; width:50px; height:50px;"/>
    <div id="div1"></div>
    </body>
    </html>
    看看这段代码吧，效果出来不来？不知错在那里
      

  28.   

    你想要啥子效果？
    $(function () {
      $("#amg1").mousemove(function (e) { //当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件
       $("<img src='/images/IMG1117184800.jpg' style='position:absolute;'></img>").css("left", e.pageX).css("top", e.pageY);
       var p = $("<p>姓名：学校：</p>"); //这句是干嘛？赋值吗？var p = "<p>姓名：学校：</p>";
       $("div1").append(p); //这个元素标签没写对，$("#div1").append(p);
      });
    });
      

  29.   

    $(function () {
      $("#img1").mousemove(function (e) { 
       $("#img1").css("left", e.pageX).css("top", e.pageY);
       var p = "<p>姓名：学校：</p>";
       $("#div1").append(p);
      });
    });
      

  30.   

    var p = $("<p>姓名：学校：</p>");    这句就是简单的赋值
      

  31.   

    http://w3school.com.cn/jquery/index.asp
    可以参考这个看一看，很好用的，有实例
      

  32.   

      <title></title>
        <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("#ul li:even").css("background-color", "green");
                $("#ul li:even").click(function () {
                    $("#ul li:even").next("li.body").show("fast").siblings("li.body").hide("fast");
                });
            });
        </script>
    </head>
    <body>
    <div  id="div" style="border:1px solid red; width:300px; height:600px;">
    <ul id="ul" style=" list-style-type:none;">
    <li>我的好友</li>
    <li>aa<br/>bb<br/>cc</li>
    <li>大学同学</li>
    <li>刘子<br/>李四</li>
    <li>创业好友</li>
    <li>dd<br/>wangmaiz<br/>beyong</li>
    </ul>
    </div>
    </body>
    </html>
    错误在那？
      

  33.   

     <title></title>
        <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function (e) {
                $("#ul li:even").css("background-color", "green");
                $("#ul li:odd").addClass("licss");
                $("#ul li:even").css("cursor","pointer").click(function () {
                    $("#ul li:even").next("li.licss").show("fast").siblings("li.licss").hide("fast"); 
                });
                //$(body).css("left",e.pageX).css("top",e.pageY);
            });
        </script>
        <style type="text/css">
        .licss{border: 1px solid blue;}
        </style>
    </head>
    <body>
    <div  id="div" style="border:1px solid red; width:300px; height:600px;position:absolute;">
    <ul id="ul" style=" list-style-type:none;">
    <li>我的好友</li>
    <li>aa<br/>bb<br/>cc</li>
    <li>大学同学</li>
    <li>刘子<br/>李四</li>
    <li>创业好友</li>
    <li>dd<br/>wangmaiz<br/>beyong</li>
    </ul>
    </div>
    </body>
    错在那？
      

  34.   

    你不能把那个展开和隐藏的写在一起呀，那效果就乱了。要写个判断的。if($("#ul li:odd").is(":visible"))
    {
        $("#ul li:even").next("li.licss").hide("fast");  //如果奇数元素是展开的，则隐藏
    }
    else
    {
        $("#ul li:even").next("li.licss").show("fast");  //如果奇数元素隐藏了，则展开
    }
      

  35.   

    不是你说的那种错误，错误在$("#ul li:even").next("li.licss").show("fast");  前面$("#ul li:even")和$(this)，使用后者就对了
      

  36.   

      <title></title>
        <script src="../js/jquery.cookie.js" type="text/javascript"></script>
        <!--<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>-->
        <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
            
                $("#btnLogin").click(function () {
                    $.cookie("UserName",$(this).val());
                });
                if($.cookie("UserName"){//取Cookie中的是$.Cookie("键值");
                $("#username").val($.cookie("UserName"));
            }
            });
        </script>
    </head>
    <body>
    <input type="text" id="username"/>
    <input type="button" id="btnLogin" value="登陆"></input>
    </body>
    </html>
    这段代码咋有错误？
      

  37.   

    <html>
    <head>
    <title></title>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="jquery.cookie.js"></script>
    <script type="text/javascript">
    $(function () {
    $("#btnLogin").click(function () {
    $.cookie("UserName",$(this).val());
    });
    if($.cookie("UserName")){//取Cookie中的是$.Cookie("键值");
    $("#username").val($.cookie("UserName"));
    }
    });
    </script>
    </head>
    <body>
    <input type="text" id="username"/>
    <input type="button" id="btnLogin" value="登陆"></input>
    </body>
    </html>
    1、没有加入jquery.cookie.js
    2、脚本中的if少了个右括号
      

  38.   

    你是不是想要单击的时候，获取cookie呀，那你把if条件写在单击事件里面呗
      

  39.   

    按你说的做了，但在加载时说59行JQuery未定义
      

  40.   

    <head>
        <title></title>
        <script src="jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
        <link href="jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
        <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("#dialog").dialog();
            });
        </script>
    </head>
    <body>
    <div id="dialog">rwferferfgrg</div>
    </body>
    </html>看看这段代码错在那里？是JQueryUI的使用