您现在的位置:首页 >> 前端 >> 内容

input check 状态选择代码实现

时间:2018/3/14 12:00:15 点击:

  核心提示:input check 状态选择代码实现!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleDocument/title/headbodypinpu...

input check 状态选择代码实现

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
  
</head>  
<body>  
    <p>  
    <input class="inp" type="checkbox" checked="checked" name="chk">  
    <input type="text" class="ino">  
    </p>  
    <script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>  
    <script>  
    $(function(){  
    $('.inp').click(function(){  
        if($('input[name="chk"]').prop("checked"))  
        {  
            $('.ino').show();  
        }  
        else  
            $('.ino').hide();  
    });  
})  
    </script>  
</body>  
</html>  

Tags:IN NP PU UT 
作者:网络 来源:qq_3867497