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