JavaScript小技巧整理

前端技术 2023/09/08 JavaScript

本文整理总结了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/21274

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案