JS及相关控件

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");