JQuery无废话系列教程(三) 实战篇中

只能自己顶顶了...
大家可以去我的博客
http://blog.csdn.net/wansijie

学习，但是有个问题点击方式三rad时候怎么不是预期的效果

《JavaScript高级程序设计》(Professional JavaScript for Web Developers)中文版&英文版&英文第二版[PDF]
http://www.verycd.com/topics/2754841/自己去下载吧..

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %><!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 runat="server">
    <title>无标题页</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){ load(); });
        function load()
        {
              var controlShow = function(){
                  if ($("#cbType1CreditDesc").attr("checked") == true) {
                      $("#cbType1PriceAsc").css("display", "inline-block");
                      $("#labType1PriceAsc").css("display", "inline-block");
                  }
                  else {
                      $("#cbType1PriceAsc").css("display", "none");
                      $("#labType1PriceAsc").css("display", "none");
                  }
                  if ($("#cbType2PriceAsc").attr("checked") == true) {
                      $("#cbType2CreditDesc").css("display", "inline-block");
                      $("#labType2CreditDesc").css("display", "inline-block");
                  }
                  else {
                      $("#cbType2CreditDesc").css("display", "none");
                      $("#labType2CreditDesc").css("display", "none");
                  }
                  if ($("#cbType3PriceDesc").attr("checked") == true) {
                      $("#cbType3CreditDesc").css("display", "inline-block");
                      $("#labType3CreditDesc").css("display", "inline-block");
                      $("#cbType3CreditDesc>lable").css("display", "inline-block");
                  }
                  else {
                      $("#cbType3CreditDesc").css("display", "none");
                      $("#labType3CreditDesc").css("display", "none");
                    }
              }
              $("#cbType1CreditDesc").click(function(){ controlShow();});
              $("#cbType2PriceAsc").click(function(){ controlShow(); });
              $("#cbType3PriceDesc").click(function(){ controlShow(); });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div style="text-align: center">
        <table border="0" cellpadding="0" cellspacing="0" style="width: 760px">
            <tr>
                <td colspan="2" style="height: 18px; text-align: left">
                    <span style="color: #ff00ff">排序方式</span></td>
            </tr>
            <tr>
                <td style=" height: 20px">
                    <span style="color: #009900">方式一</span></td>
                <td style=" color: #000000; height: 20px; text-align: left">
                    <asp:RadioButton ID="cbType1CreditDesc" runat="server" Text="卖家信用从高到低" GroupName="fang" />
                    <input id="cbType1PriceAsc" type="checkbox"  style="display:none;"/>
                    <asp:Label ID="labType1PriceAsc" runat="server" Text="并且商品价格由低到高"></asp:Label></td>
            </tr>
            <tr style="color: #000000">
                <td>
                    <span style="color: #009900">方式二</span></td>
                <td style=" text-align: left">
                    <asp:RadioButton ID="cbType2PriceAsc" runat="server" Text="商品价格从低到高" GroupName="fang" />
                    <input id="cbType2CreditDesc" type="checkbox"  style="display:none;"/>
                    <asp:Label ID="labType2CreditDesc" runat="server" Text="并且卖家信用从高到低"></asp:Label></td>
            </tr>
            <tr style="color: #000000">
                <td style=" height: 19px">
                    <span style="color: #009900">方式三</span></td>
                <td style=" height: 19px; text-align: left">
                    <asp:RadioButton ID="cbType3PriceDesc" runat="server" Text="商品价格从高到低" GroupName="fang" />
                    <input id="cbType3CreditDesc " type="checkbox" style="display:none;" />
                    <asp:Label ID="labType3CreditDesc" runat="server" Text="并且卖家信用从高到低"></asp:Label></td>
            </tr>
        </table>

    </div>
    </form>
</body>
</html>
我拷贝你的，不知道为什么不行？

不是怀疑你，而是有些不是原创的东东让我看到了而已，我当然支持你了，呵呵，我也要学jQuery嘛

LZ：我需要用到解除事件绑定，onclick。就是网页上类似有用、没用的，我希望点击过后，至少刷新页面之前，点击不再激发事件了，$('#div').bind('click'); 无效unbind()也没用，jq版本是1.32的

不好意思啊，我一下没看懂你的意思
要保证代码的正确首先要确认你的选择器是否选择好。
就是$('#div') 是否选择到你要的元素（节点）。

解除事件绑定 unbind([type],[data])

jquery.js <- 这个你肯定是JQuery的js文件吗?

如果说HTML是骨架和肉体,JavaScript是思想与行为的话,那CSS就是衣服.
我喜欢这句。

你在 <input id="cbType3CreditDesc " type="checkbox" style="display:none;" />
多了一个空格应为 <input id="cbType3CreditDesc" type="checkbox" style="display:none;" />

写好的JQuery外部调用就没效果了？我想应该是可以外部调用的吧？求解..

调试易

JQuery无废话系列教程(三) 实战篇中

解决方案 »