//文本框$("#btnTextGet").click(function(){ alert($("#txtNum").val());});$("#btnTextSet").click(function(){ $("#txtNum").attr("value",'123456');//赋值//$("#txtNum").val("123456");//赋值});
//下拉框$("#btnSelectText").click(function(){alert($("#ddlBook option:selected").text());});$("#btnSelectValue").click(function(){alert($("#ddlBook option:selected").val());});$("#btnClearSelect").click(function(){$("#ddlBook").empty();//清空下拉列表});$("#ddlBook").change(function(){//添加change事件var val=$("#ddlBook").val(); //获取Select选择的Valuevar text=$("#ddlBook option:selected").text(); //获取Select选择的Textvar checkIndex=$("#ddlBook ").get(0).selectedIndex; //获取Select选择的索引值var maxIndex=$("#ddlBook option:last").attr("index"); //获取Select最大的索引值 alert(text);});$("#btnSelectAppend").click(function(){$("#ddlBook").append(""); //为Select追加一个Option(下拉项)});$("#btnSelectPreAppend").click(function(){$("#ddlBook").prepend(""); //为Select插入一个Option(第一个位置)});
//复选框$("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选});$("#btn2").click(function(){$("[name='checkbox']").removeAttr("checked");//取消全选});$("#btn3").click(function(){$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数});$("#btn4").click(function(){$("[name='checkbox']").each(function(){if($(this).attr("checked")){$(this).removeAttr("checked");}else{$(this).attr("checked",'true'); }});});$("#btn5").click(function(){var str="";$("input[name='checkbox']:checkbox:checked").each(function(){ str+=($(this).val()+"\r");});alert(str);});
接上面的复选框html码如下：
checkbox1checkbox2checkbox3checkbox4checkbox5checkbox6checkbox7checkbox8
//隐藏按钮 $("#btnHide").click(function(){if($("#btn").is(":hidden")){$("#btnHide").val("隐藏按钮");//$("#btn").show;//这种写法也可以$("#btn").css('display',''); }else{$("#btnHide").val("显示按钮");//$("#btn").hide();//这种写法也可以$("#btn").css('display','none');}//$("#btn").toggle();//这一句就可以实现上面的功能});