JavaScript小技巧整理

2019-11-20 10:53:42

字体：大中小

来源：转载

供稿：网友

本文整理总结了JavaScript的小技巧。分享给大家供大家参考，具体如下：

1.组织默认事件

阻止默认事件，h5默认的input type='date'在某些浏览器和android设备上没有效果，这时要调用h5+的时间选择器，但是要组织input默认的click事件，代码如下：

//选择时间$("#end_time").on("click",function(event){  event.preventDefault();  plus.nativeUI.pickDate( function(e){   var d = e.date;//   console.log(d.Format('yyyy-MM-dd'));   $("#end_time").val(d.Format('yyyy-MM-dd'));  },function(e){   console.log( "未选择日期："+e.message );  },{title:"请选择到期时间",minDate:new Date()}); });

2.判断input type='checkbox' 是否被选中，代码如下

if (!$("#shopregister #checkaggree").is(":checked")) {  alert("请同意注册协议");  return false;}

3.获取多个checkbox中被选中的那个的值，代码如下

<input name='is_refund' id='refund_1' type='radio' value='1' /><input name='is_refund' id='refund_0' checked='checked' type='radio' value='0' />$("#shopregister input[name='is_refund']:checked").val();

4.设置checkbox选中

复制代码代码如下:

$("[name='checkbox']:even").attr("checked",'true'); //如果这货不管用请用prop

5.获取多张图片中title属性的值

user.id_pic1 = $($("#shopregister .id_pic")[0]).attr("title");user.id_pic2 = $($("#shopregister .id_pic")[1]).attr("title");user.id_pic3 = $($("#shopregister .id_pic")[2]).attr("title");

6.ajax提交过程中显示进度图片

$.ajax({  type: 'POST',  url: configManager.RequstUrl + "/api/user/createstore",  data: postdata,  beforeSend:function(){ $("#waitingupload").removeClass("heisebghid").addClass("heisebg");}}).done(function (data) {  $("#waitingupload").removeClass("heisebg").addClass("heisebghid");  if ("success" == data.state) {   //服务端成功  }  else {   //服务端失败  }}).fail(function () {  //ajax请求失败});

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：分享两款带遮罩的jQuery弹出框

下一篇：jQuery拖动元素并对元素进行重新排序