jquery使用技巧锦集

杰克工作室

html页面上的checkbox多选值一句话搞定，jquery版

假设有一个checkbox页面控件，名叫category，是类目选择，可以多选，但不能不选。

数组方式（如：["311","312"]）：
t_category = $('input[name="category[]"]:checked').map(function(index,elem) { return $(elem).val(); }).get();

字符串方式（如：311,312）：
t_category = $('input[name="category[]"]:checked').map(function(index,elem) { return $(elem).val(); }).get().join(',');

简化一下：
$("#modal-from-dom input[name='consumeday[]']").map(function(){return $(this).val();}).get();

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

//简单复习一下操作元素的基本知识
$("input[name^='news']")   选择所有的name属性以news开头的input元素
$("input[name$='news']")    选择所有的name属性以news结尾的input元素
$("input[name*='news']")    选择所有的name属性包含news的input元素

//下面是代码
var newsArr = {};
$('input[name^="news"]').each(function(index,ele){
    newsArr[index] = $(this).val();
});

杰克工作室

判断页面input上是否有两个值相同：

var arrDay = $("#modal-from-dom input[name='consumeday[]']").map(function(){return $(this).val();}).get();
var nary  = arrDay.sort();
for(var i=0;i<nary.length;i++){
   if (nary[i] == nary[i+1]){
     alert("数组重复内容："+nary[i]);
     errordm  = 1;
     break;
   }
}