项目中jquery常用的选择器

最新推荐文章于 2024-01-04 10:28:40 发布

原创最新推荐文章于 2024-01-04 10:28:40 发布 · 216 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Web前端

当前文章被收录于：

Web前端

1 篇文章 0 人学习

放置前端相关文章

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何通过JavaScript获取input的值进行正则校验，以及禁用下拉框和input的技巧，同时涵盖如何触发事件、复选框操作和根据下拉选项动态调整相关输入元素的状态。

获取input框name属性值等于username的value属性值
let value=$('input[name="username"]').val();

身份证号正则校验

let pattern = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;  pattern.test(value)

禁用下拉框、input框

$("#disable").hide().find(":selected").attr("disabled",true);

$("#disable").find(":input").attr("disabled",true);

触发绑定过得onclick事件的执行
1. ```
$("#checkInfo").trigger("click");
```
type=checkbox 选中
1. ```
$("#read").attr("checked",false);
```

根据下拉框的值禁用相关input框

<select id="isTaking"

$("#isTaking").change(function(){
   //获取当前下拉框被选中的option的值
   var selected=$(this).children('option:selected').val();
   // alert(selected);
   if(selected==="1"){
      $('#epile').find(':input').attr('disabled',false);
      document.getElementById('epile').style.display='block';
   }else if(selected==="0"){
      $('#epile').find(':input').attr('disabled',true);
      document.getElementById('epile').style.display='none';
   }
});

标签

#jquery #javascript