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

HTML编程开发学习

时间:2017/3/16 9:24:00 点击:

  核心提示:仿搜索框业务逻辑:文本框获取焦点后 如果用户输入的值是金融 默认文字要清除。如果用户输入的值为空,文本框失去焦点后默认文字要加上var txt=document.getElementById(txt)...

仿搜索框
业务逻辑:文本框获取焦点后 如果用户输入的值是金融 默认文字要清除。如果用户输入的值为空,文本框失去焦点后默认文字要加上

var txt=document.getElementById('txt');
    txt.onfocus=function  () {
        if (this.value==="金融";) {
            this.value="";
        };  
    }
    txt.onblur=function  () {
        if (this.value==="";) {
            this.value="金融";
        }   
    };
    </script>

下拉列表select 点击选中选项 selected=true;

<body>
<select >
    <option value="">A</option>
    <option value="">C</option>
    <option value="" id="d">D</option>
</select>
<input type="button" value="按钮" id="btn" />

    <script>
    btn.onclick=function  () {
        d.selected=true;
    }
    </script>

全选反选

<script>
        //找人
        var all=document.getElementById('j_cbAll');
        var tb=document.getElementById('j_tb');
        var checkboxes=tb.getElementsByTagName('input');
        //选中属性checked
        //上面的控制下面的
         all.onclick=function () {
            for (var i = 0 ; i<=checkboxes .length; i++) {
                checkboxes[i].checked=all.checked;
            };
         }
         //下面的控制上面的
         for (var i = 0 ; i<=checkboxes .length; i++) {
                checkboxes[i].onclick=function  () {
                    //判断有木有选中
                    var isCheckedeAll=true;//假设都选中
                     for (var i = 0 ; i<=checkboxes .length; i++)  {
                    if (checkboxes[i].checked!==true) {//当前这个没选中
                        isCheckedeAll=false;
                        break;
                    };
                };
                    if (isCheckedeAll===true) {
                        all.checked=true;
                    };
                    if (isCheckedeAll===false) {
                        all.checked=false;
                    };
                    //all.checked=isCheckedeAll;
                }
            };
    </script>

Tags:HT TM ML L编 
作者:网络 来源:smiple9102