杰克工作室 发表于 2023-2-23 20:11

jquery使用技巧锦集

<h6>html页面上的checkbox多选值一句话搞定，jquery版</h6>
假设有一个checkbox页面控件，名叫category，是类目选择，可以多选，但不能不选。<br />
<br />
数组方式（如：[&quot;311&quot;,&quot;312&quot;]）：<br />
t_category = $(&#39;input&quot;]:checked&#39;).map(function(index,elem) { return $(elem).val(); }).get();<br />
<br />
字符串方式（如：311,312）：<br />
t_category = $(&#39;input&quot;]:checked&#39;).map(function(index,elem) { return $(elem).val(); }).get().join(&#39;,&#39;);<br />
<br />
<strong>简化一下：</strong><br />
<strong>$(&quot;#modal-from-dom input&#39;]&quot;).map(function(){return $(this).val();}).get();</strong>

<h6>另外一种方式：这种方式代码多些，也符合多数人的思维</h6>

<p>//简单复习一下操作元素的基本知识<br />
$(&quot;input&quot;)&nbsp; &nbsp;选择所有的name属性以news开头的input元素<br />
$(&quot;input&quot;)&nbsp; &nbsp; 选择所有的name属性以news结尾的input元素<br />
$(&quot;input&quot;)&nbsp; &nbsp; 选择所有的name属性包含news的input元素<br />
<br />
//下面是代码<br />
var newsArr = {};<br />
$(&#39;input&#39;).each(function(index,ele){<br />
&nbsp;&nbsp; &nbsp;newsArr = $(this).val();<br />
});</p>

杰克工作室 发表于 2023-2-23 20:13

<h6>判断页面input上是否有两个值相同：</h6>

<pre>
var&nbsp;arrDay&nbsp;=&nbsp;$(&quot;#modal-from-dom&nbsp;input&#39;]&quot;).map(function(){return&nbsp;$(this).val();}).get();
var&nbsp;nary&nbsp;&nbsp;=&nbsp;arrDay.sort();
for(var&nbsp;i=0;i&lt;nary.length;i++){
&nbsp;&nbsp;&nbsp;if&nbsp;(nary&nbsp;==&nbsp;nary){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(&quot;数组重复内容：&quot;+nary);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;errordm&nbsp;&nbsp;=&nbsp;1;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;
&nbsp;&nbsp;&nbsp;}
}</pre>
页: [1]
查看完整版本: jquery使用技巧锦集