`
jsczxy2
  • 浏览: 1280931 次
  • 性别: Icon_minigender_1
  • 来自: 常州
文章分类
社区版块
存档分类
最新评论

jquery的checked与其版本的关联

jquery 
阅读更多 
<html>
    <head>
        <title>测试</title>
        <style type="text/css">

        </style>
        <!--1.62可以修改1.42  1.52  1.7来测试-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script type="text/javascript">
        $(function(){
            //判断checked
　　　　　　 //    var a=$("#cb1").attr('checked'); //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false
　　　　　　 //    var b=$("#cb1").prop('checked'); //1.6+:true/false
　　　　　　 var c=$("#cb1").is(':checked');  //所有版本:true/false
　　　　　　 //    alert(a);        
　　　　　 　//    alert(b);
            alert(c);

            //赋值   前两个所有的jquery版本都支持 prop只有jquery1.6+支持
　　　　　　 //    $("#cb1").attr("checked","checked");//1.5-
　　　　　　 //    $("#cb1").attr("checked",true);//1.5-
　　　　　　　//　　　$("#cb1").prop("checked","checked");//1.6+(整理的时候把这个忘记啦)
　　　　　　 //    $("#cb1").prop("checked",true);//1.6+
　　　　　　 //    $("#cb1").prop({checked:true});//1.6+
 　　　　　　//    $("#cb1").prop("checked",function(){
　　　　　　 //        return  true;//1.6+
　　　　　　 //    });                
        })();
    
        </script>
    </head>
    <body>
        <!--赋值的时候记得去掉checked-->
    <input id="cb1" type="checkbox" checked />
    <input id="cb2" type="checkbox" checked="checked"/>
    </body>
</html>
 
分享到：
| 10个关于视差滚动效果的教程和插件【转】
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery基于layui插件制作checkbox复选框选中代码

    在事件处理函数中，我们可以使用jQuery的`prop()`方法来设置所有checkbox的`checked`属性。例如，全选的代码可能如下： ```javascript $("#selectAll").click(function() { $("input[type='checkbox']").prop(...

    jquery实现 复选框 选中和不选中 美化复选框

    同时，可以创建一个对应的`&lt;label&gt;`标签，将复选框与其关联，提供更好的用户体验。 ```html 复选框 ``` 2. **CSS美化**： 使用CSS来改变复选框的外观。由于浏览器的安全限制，我们不能直接修改原生复选框的...

    jquery checkbox

    jQuery可以通过相邻选择器（如`+`或`~`）来操作与其相关的文本元素： ```javascript $('input[type="checkbox"]').change(function() { $(this).next('label').text($(this).is(':checked') ? 'Checked' : '...

    jquery滑动复选框菜单.zip

    一个复选框菜单通常由多个复选框和对应的标签组成，我们可以使用`&lt;input type="checkbox"&gt;`创建复选框，用`&lt;label&gt;`定义与其关联的文本。例如： ```html 菜单项1 菜单项2 ... ``` 接下来，我们需要引入...

    jQuery 插件 表格高亮显示选中行 全选、反选（四种模式）

    2. **关联模式**：选中一行会自动选中与其相关的其他行，例如根据某些条件相关联的数据行。 3. **全选/全不选模式**：提供一个全局的全选/全不选按钮，可以快速切换所有行的选中状态。 4. **反向选择模式**：当用户...

    jquery实现选中单选按钮下拉伸缩效果

    接下来，我们需要引入jQuery库，这里使用的是版本1.6.2。jQuery使得JavaScript操作DOM元素变得更加简单和高效。在`&lt;head&gt;`部分添加以下代码引用jQuery库： ```html &lt;script type="text/javascript" src="jquery-...

    jQuery表单美化实例代码

    例如，当单击复选框时，更新与其关联的label文本： ```javascript $("input[type='checkbox']").click(function() { $(this).next("label").text($(this).is(":checked") ? "已选中" : "未选中"); }); ``` 五、...

    jQuery实现自定义checkbox和radio样式

    在 HTML 页面中，我们需要创建一系列的 checkbox 和 radio 组，每个都包含一个 input 和与其关联的 label。例如： ```html &lt;!-- 复选框示例 --&gt; &lt;label for="check-1" class=""&gt;Action / Adventure &lt;!--...

    CSS3鼠标点击星级评价特效.zip

    同时，这些input可以隐藏，通过label元素与之关联，利用`:checked`伪类改变与其关联的星星图标的状态。 7. **自定义字体图标**： 另一种实现方法是使用自定义字体图标库，如Font Awesome，将星星作为字体的一部分...

    超酷纯CSS3动感手风琴列表ui界面设计

    在这个手风琴效果中，`:checked`伪类用于检测复选框的状态，当用户点击列表项时，与其关联的隐藏内容会被显示或隐藏。 2. **过渡（Transitions）**：CSS3的过渡属性允许我们在元素状态改变时平滑地过渡效果。在这个...

    分级选中的CheckBox复选框

    分级选中的CheckBox是一种特殊形式的复选框，它通过层级结构展示数据，并支持父子项之间的关联选择行为。具体来说，当父级CheckBox被选中时，其所有子项也会自动被选中；相反，如果某个子项被取消选择，则父项的状态...

    html多选下拉框 ，CheckBox的Select组件 可多选的下拉框

    每个`&lt;label&gt;`包裹一个`&lt;input&gt;`，并与其关联一个`&lt;option&gt;`，通过`for`属性链接`&lt;input&gt;`与`&lt;option&gt;`的`id`。 ```html ;"&gt; &lt;option value="option1"&gt;Option 1 &lt;option value="option2"&gt;Option 2 ... ...

Magicbox
Global site tag (gtag.js) - Google Analytics