js jquery整理小技巧

    技术2026-01-11  10

    tr属性隐藏展示问题

    js:

    tr.style.display = 'table-row'; tr.style.display = 'none';

    jquery:

    $("tr").show(); $("tr").hide();

    下拉框选中元素

    !0代表第一个元素下标

    $(a).prop('selectedIndex', 0);

     

    表单禁止默认提交打包数据发送

    $( "form" ).on( "submit", function( event ) {     event.preventDefault();     var data  = $( this ).serialize(); }

    获取下拉框默认选中值

    var type = $("#type option:selected").val();

    ------------------------第二种-------------------------------------

    var keys = ''; $("input[name='checked[]']:checked").each(function(){    if(this.checked==true){       var value = this.value;       keys += value += ',';    } });

    video实时通知

    setInterval("getcount()",3000); function getcount(){         $.ajax({             url: "{:url('isexistswithdraworder')}",             type: 'get',             data: {},             dataType: 'json',             async : false,             success: function (res) {                 src = $("#msgvideo").attr('src');                 if(res>0 && src==undefined){                     $("#msgvideo").attr('src',"__STATIC__/mp3/newmsg.mp3");                     $("#msgvideo")[0].play();                 }                 if(res==false && src!=false){                     $("#msgvideo")[0].pause();                     $("#msgvideo").removeAttr('src');                 }             },         }); }

    输入框只能输入纯数字,或小数点两位数

    function clearNoNum(obj){          obj.value = obj.value.replace(/[^\d.]/g,"");         obj.value = obj.value.replace(/\.{2,}/g,".");         obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");          obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');         if(obj.value.indexOf(".")< 0 && obj.value !=""){              obj.value= parseFloat(obj.value);          }      }

    多选框:全选 全不选   反选的话  稍微改进一下加个判断即可

     

      var state = $(a).is(':checked');     $("input[name='checked[]']").each(function(){         this.checked = state;     });

     

    //td下所有下拉框 随机选中  下标列表允许范围内的选项

    这里有个错误一开始 用的是attr修改元素 但多次点击会失效  已换用prop方法解决

    function Switch(id,c_id){         var selects = $("#select"+id+" > select");         var frist = $("#select"+id+" > select:eq(0) > option");         var values = [];         //获取允许数值的数组         $.each(frist,function(index,value){             values[index] = index;         });         //循环所有下啦列表         for (i = 0; i < selects.length; i++) {             var index = Math.floor((Math.random()*values.length));             var selected = values[index];             if(c_id==3 || c_id==4){                 values.splice(index,1);                 var newarr = [];                 for (let [key, val] of values.entries()) {                     newarr[key] = val;                 }                 values = newarr;             }             $("#select"+id+" select:eq("+i+") option:eq("+selected+")").prop("selected",true);         }     }

     

    Processed: 0.016, SQL: 9