焦点聚焦失焦默认值显示隐藏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="text" name="" value="请填写...">

</body>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
    $(function(){
        $("input[type=‘checkbox‘]").prop("checked",true);
        $("input[type=‘checkbox‘]:eq(2)").prop("disabled",true);
        $(‘input[type=text]‘).focus(function(){
            var mozhi=$(this).val();
            if(mozhi==‘请填写...‘){
                $(this).val(‘‘)
            }
        });
        $(‘input[type=text]‘).blur(function(){
            var thisval=$(this).val();
            if(thisval==‘‘){
                $(this).val("请填写...");
            }
        })

    })
</script>
</html>
时间: 2024-10-05 04:26:02

焦点聚焦失焦默认值显示隐藏的相关文章

sharepoint中根据“是/否(复选框)”的值显示隐藏指定栏

sharepoint中根据“是/否(复选框)”的值显示隐藏指定栏 function HideColumn(targetColumn, hideColumn) { var columnObj = $("input[Title='" + hideColumn + "']"); $("input[Title='" + targetColumn + "']").bind('click',function() { if($(this).

关于JSP页面中根据checked的值显示隐藏行的问题

这是一个查询页面,在我的JSP页面中有一个单选框,C标签根据从数据库中获取到的值选择checked=“checked”与否: 当单机单选框时会调用一个showme()方法,选中则显示隐藏的两行,未选中则隐藏.这两行的<tr>里面都给了一个class="yinc"用来在Jquery中的showme()方法控制隐藏与否: 好了背景介绍到这里,接下来进入正题.期初我将方法写在引用的JS文件里如同这样: 但是实现的效果就是在浏览器中第一次加载页面的时候,数据库中有值所以单选框勾选了

[oldboy-django][2深入django]老师管理 -- form表单如何生成多选框标签,多选框的默认值显示,以及多选框数据插入到数据库,多选框数据更改到数据库

1 form表单如何生成多选框(包含了多选框可选择内容) - Form设置班级输入框为 select多选 - 多选 class TeacherForm(Form): name = fields.CharField(max_length=16, widget=widgets.TextInput(attrs={'class': 'form-control'}) ) cls = fields.MultipleChoiceField( choices=models.Classes.objects.val

页面默认值显示

function focusInputEle(o) { if (o.value == getAttributeValue(o, 'defaultVal')) { o.value = ''; o.style.color = "#000000"; } } function blurInputEle(o) { if (o.value == '') { o.value = getAttributeValue(o, 'defaultVal'); o.style.color = "#99

js判断radiobuttonlist的选中值显示/隐藏其它模块

<script> $(function () { var SelectVal = $("input[name='rblGJS']:checked").val(); if (SelectVal == 1) { $("#gjsbh").show(); } $("#<%=rblGJS.ClientID %>").change(function () { SelectVal = $("input[name='rblGJS

zepto源码--核心方法5(显示隐藏)--学习笔记

在不引入zepto插件模块fx_metho其他ds的情况下,zepto默认的显示隐藏的函数只有show, hide, toggle,这里解释有个前提条件,就是没有引入zepto的fx_methods插件模块 show 相比较于jQuery的show函数,这里真的很简单了,没有传入任何参数,如果在标签上以内联样式的形式存在style="display:none",直接将该内联样式的none改为空,如果不是内联样式,则通过获取计算后的样式,getComputedStyle(this, ''

弹窗中修改select默认值遇到的问题

弹窗中修改select默认值无效 前提: 项目中遇到一个需求, 在一个弹窗中,有很多个select都是在打开弹窗的同时由js自动生成的(每次打开都自动重新生成一遍). 弹窗打开后,从每个select的下拉选中选中一个值.然后弹窗下面有个确定按钮. 点确定 按钮,将每个select选中的值保存起来. 下次再次打开弹窗时,每个自动生成的select中都默认值显示上次选中的值. 我的思路是: 1.在每次点 确定 按钮 时: 新建一个 js 对象jsonObj,每次点 确定后把 每个select的id(

jquery css div (弹出)显示隐藏层

css代码段 .crm_tc_bg { width: 100%; height: 100%; position: fixed; display: block; top: 0; left: 0; background: #000; filter: apha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 1000; } .crm_tc_box { width: 300px; min-height: 200px; max-height:

jQuery 隐藏与显示 input 默认值

分享下jQuery如何隐藏和显示 input 默认值的例子. <!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> <