您的位置：首页 > Web前端 > JavaScript

js 常用插件

2015-11-23 17:42 627 查看

文本输入框    计算器

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题</title>
<script type="text/javascript">
function sum(obj) {
var a = document.getElementById("a");
var b = document.getElementById("b");
var s = document.getElementById("sum");
if(a.value === "" || b.value === "") {
return;
}
s.value = parseInt(a.value) + parseInt(b.value);
}
</script>
</head>
<body>
<input type="text" id="a" onkeyup="sum(this);" />
<input type="text" id="b" onkeyup="sum(this);" />
<input type="text" id="sum" />
</body>
</html>

js全选

<SCRIPT type="text/javascript">
$(document).ready(function() {
$("#checkedAll").click(function(){
//try{
if($(this).attr("checked") == true){ //check all
$("input[name='checkbox_name']").each(function(){
$(this).attr("checked",true);
});
}else{
$("input[name='checkbox_name']").each(function(){
$(this).attr("checked",false);
});
}
//}catch(e){
//alert(e.description+e.name+e.message)
//}
});
});
</SCRIPT>
<div class="components-list">
<input type="checkbox" name="checkbox_name" id="checkbox_name_1" />1<br />
<input type="checkbox" name="checkbox_name" id="checkbox_name_2" />2<br />
<input type="checkbox" name="checkbox_name" id="checkbox_name_3" />3<br />
<input type="checkbox" name="checkbox_name" id="checkbox_name_4" />4<br />
<input type="checkbox" name="checkedAll" id="checkedAll"/>全选/取消全选
</div>

jQuery获取Select选择的Text和Value:

语法解释：
1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
3. var checkValue=$("#select_id").val();  //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值
jQuery设置Select选择的 Text和Value:
语法解释：
1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
2. $("#select_id ").val(4);   // 设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

选中checkbox：

//jQuery 1.6+
$("#checkboxID").prop("checked", true);
$("#checkboxID").prop("checked", false);

//jQuery 1.5 and below
$('#checkboxID').attr('checked','checked')
$('#checkboxID').removeAttr('checked')

jQuery中event.preventDefault() 与 return false 的区别

//Demo1 event.preventDefault()
$('a').click(function (e) {
// custom handling here

e.preventDefault();
});

//Demo2 return false
$('a').click(function () {
// custom handling here

return false;
};

合并两个Array并去掉重复项

Array.prototype.unique = function() {
var a = this.concat();
for(var i=0; i<a.length; ++i) {
for(var j=i+1; j<a.length; ++j) {
if(a[i] === a[j])
a.splice(j, 1);
}
}

return a;
};

//Demo
var array1 = ["a","b"];
var array2 = ["b", "c"];
var array3 = array1.concat(array2).unique();
// ["a","b","c"]

取数组中的最小值和最大值

var arr = new Array();
arr[0] = 100;
arr[1] = 0;
arr[2] = 50;

var min = Math.min.apply(null, arr),
max = Math.max.apply(null, arr);

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航