1、radio
1)不选中任何值
2)获取选中的值
3)让某个选项选中
4)发生改变时的事件
5)让某个选项不能选
2、CheckBox
1)选中 2)取消
3、select
1)获取下拉框选中项的显示字
4、ul li
1)点击选中改变样式
2)删除所有选中的li
3)遍历li
4)遍历li,获取li的文本
5、JS与样式
1)添加样式
2)删除样式
3)判断是否有某个样式
4)tab改变样式
6、设置不可编辑
7、div滚动到最底部
8、replace All
1、radio
<div id="phoneSign"><input type="radio" name="sign" id="dfVal" value="0" /><input type="radio" name="sign" value="1" /><input type="radio" name="sign" value="2" /> </div>1、不选中任何值:$("#phoneSign").val("");2、获取选中的值:$("#phoneSign input:checked").val();或 :$("input[name='sign']:checked").val();3、让某个选项选中:$("#dfVal").attr("checked",true);4、发生改变时的事件: $(function (){$('input[type=radio][name=impType]').change(function() {if (this.value == 'ImportHouse') {$("#addOpr").attr("checked",true);document.getElementById("overOpr").disabled = true;document.getElementById("noOpr").disabled = true;} else {document.getElementById("overOpr").disabled = false;document.getElementById("noOpr").disabled = false;}}); });5、让某个选项不能选 : document.getElementById("noOpr").disabled = true;
2、CheckBox
1、选中: $("#usable").attr("checked",true);2、取消: $("#usable").attr("checked",false);
3、select
1.获取下拉框选中项的显示字: var filterType = $("#filterType option:selected").text();
4、ul li
(注:selected 是样式的名称className)1.点击选中改变样式 $(function(){$("#test li").click(function() { // 为id为test的ul绑定每个选项的点击事件 $(this).siblings('li').removeClass('selected'); // 删除其他兄弟元素的样式 $(this).addClass('selected'); // 添加当前元素的样式 });});2.删除所有选中的li. $("#test .selected").remove();3.遍历li. $("#test li").each(function(){$(this).removeClass('selected');});4.遍历li,获取li的文本$("#test li").each(function(){alert($(this).text());});
5、JS与样式
1.添加样式:$("#test").addClass("aaa");2.删除样式:$("#test").siblings('li').removeClass('aaa'); 3.判断是否有某个样式:$("#test").hasClass('aaa');4.tab改变样式 function showtab(btnid,tabid,tabnumber) {for (i = 1;i<=tabnumber;i++){ document.getElementById(tabid+"_btn"+i).className = "";document.getElementById(tabid+"_sub"+i).style.display = "none";}document.getElementById(tabid+"_btn"+btnid).className = "selected";document.getElementById(tabid+"_sub"+btnid).style.display = "block"; }
6、设置不可编辑
按钮: document.getElementById("savebtn").disabled = true;input: $("input[type='text']").attr("disabled",true);
7、div滚动到最底部
var div = document.getElementById('flowDiv'); div.scrollTop = div.scrollHeight;
8、replace All
html = html.replace(/BSS/g,"CBSS");