今天学到了几个事件:
1、checkbox取值和选中事件
有些时候可能需要用到脚本为一些窗体绑定事件:比如Jquery为单选框checkbox绑定单击事件:
即你选中或取消复选框不会立即弹出对话框,会执行js中的代码,
<input type="checkbox" id="testCheckbox" οnchange="myfunction()"name="fruits">
<script type="text/javascript">
$(document).ready(function(){
$("#testCheckbox").change(function() {
alert("Option changed!");
});
});
</script>
2、滚动条事件
拉动滚动条的时候,Id为bbb1的颜色改变
<script type="text/javascript">
document.getElementById("ggg").onscroll = function() {
myFunction();
};
function myFunction() {
document.getElementById("bbb1").style.backgroundColor="#337ab7";
}
</script>
3、给button禁用$("#bbb1").attr({"disabled":"disabled"});
禁用后重新启用 $("#bbb1").removeAttr("disabled");
1、checkbox取值和选中事件
有些时候可能需要用到脚本为一些窗体绑定事件:比如Jquery为单选框checkbox绑定单击事件:
即你选中或取消复选框不会立即弹出对话框,会执行js中的代码,
<input type="checkbox" id="testCheckbox" οnchange="myfunction()"name="fruits">
<script type="text/javascript">
$(document).ready(function(){
$("#testCheckbox").change(function() {
alert("Option changed!");
});
});
</script>
2、滚动条事件
拉动滚动条的时候,Id为bbb1的颜色改变
<script type="text/javascript">
document.getElementById("ggg").onscroll = function() {
myFunction();
};
function myFunction() {
document.getElementById("bbb1").style.backgroundColor="#337ab7";
}
</script>
3、给button禁用$("#bbb1").attr({"disabled":"disabled"});
禁用后重新启用 $("#bbb1").removeAttr("disabled");