站内搜索:
首页 >> 前端 >> 内容
input check 状态选择代码实现

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

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>  

  • 上一篇:React教程之样式和图片加载问题详解
  • 下一篇:jQuery Grid中的formatter介绍
  • 返回顶部