html css css3 checked不管用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html css css3 checked不管用相关的知识,希望对你有一定的参考价值。

css的check属性不管用啊
checked="true" 也是可以的,我是想在css选中input祖父级别的元素,和你们说的无关

参考技术A checked 属性规定在页面加载时应该被预先选定的 input 元素。
checked 属性 与 <input type="checkbox"> 或 <input type="radio"> 配合使用。

并不是checked="true"
具体用法如下

<input type="radio" checked />

<input type="radio" checked="checked" />追问

checked="true" 也是可以的,我是想在css选中input祖父级别的元素,和你们说的无关

追答

用jquery

参考技术B checked的值不是true,而是checked。
像这样:
<input type="radio" name="rad" checked="checked">11
<input type="radio" name="rad">22追问

checked="true" 也是可以的,我是想在css选中input祖父级别的元素,和你们说的无关

Jquery - checked 全选与取消全选

技术分享

 

html:

<!DOCTYPE html>
<html>
<head>
    <title>节点列表</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/Public.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/node.css">
    <script type="text/javascript" src="__PUBLIC__/Js/jquery.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Js/node.js"></script>
</head>
<body>
    <div id="wrap">
        <div>
            <a href="<{:U(‘/Admin/Rbac/role‘)}>" class="add-app">返回</a>
        </div>
        <div>
            <foreach name="node" item="app">
                <div class="app">
                    <p>
                        <strong><{$app.title}></strong>
                        <input type="checkbox" name="access[]"  value="<{$app.id}>_1" level=‘1‘ />
                    </p>

                    <foreach name="app.child" item="action">
                        <dl>
                            <dt>
                                <strong><{$action.title}></strong>
                                <input type="checkbox" name="access[]" value="<{$action.id}>_3" level=‘2‘  />
                            </dt>

                            <foreach name="action.child" item="func">
                                <dd>
                                    <span><{$func.title}></span>
                                    <input type="checkbox" name="access[]" value="<{$func.id}>_3" level=‘3‘  />
                                </dd>
                            </foreach>
                        </dl>
                    </foreach>
                </div>
            </foreach>
        </div>
    </div>
</body>
</html>

 

JS:

$(document).ready(function(){
    $(‘input[level="1"]‘).click(function() {            
        var inputs = $(this).parents(‘.app‘).find(‘input‘);
        $(this).prop(‘checked‘) ? inputs.prop(‘checked‘, true) : inputs.removeAttr(‘checked‘, false);
    });

    $(‘input[level="2"]‘).click(function() {
        var inputs = $(this).parents(‘dl‘).find(‘input‘);
        $(this).prop(‘checked‘) ? inputs.prop(‘checked‘, true) : inputs.removeAttr(‘checked‘, false);
    });
});

 

以上是关于html css css3 checked不管用的主要内容,如果未能解决你的问题,请参考以下文章

CSS3 Checkbox

CSS3:未经检查的伪类

HTML5 和 CSS3 可以与 C#6.0 一起使用吗? [关闭]

Chrome 中的 CSS3 过渡故障

css3 tween

只用css3实现菜单的toggle效果