Jquery取值方法汇总

一、下拉框

1、jquery获取当前选中select的text值

 var a = $("#ShareMoneyType").find("option:selected").text(); 

2、jquery获取下拉框选中的Value值

var v = $("#ShareMoneyType").val();

3、jquery获取当前选中select的索引值

$("#select1").get(0).selectedIndex; 

4、jquery设置索引值为1的项为当前选中项

$("#select1").get(0).selectedIndex=1; 

5、jquery设置value值1的项为当前选中项

$("#select1").val(1);

6、jquery设置text值为"2017"的项为当前选中项

$("#select1 option[text='2017']").attr("selected",true); 

7、为指定select下拉框追加一个option(追加到在末尾)

$("#select1").append(""+i+""); 

8、为制定select下拉框插入一个option(插入到第一个位置)

$("#select1").prepend("请选择"); 

9、jquery删除select下拉框的最后一个option

$("#select1 option:last").remove();

10、清空select控件内容

$("#select1").empty();

二、文本框

1、获取文本框的值:

 var id=$("#B2BProductID").val();

2、为文本框动态赋值:

 $("#Name").attr("value", “我为你动态赋值”);

3、为span标签动态赋值:

var a=$("#oneLove").html("价格只能为整数");

三、单选按钮和多选按钮

获取多选按钮的状态

 var ticket = $("#IsTicketRobbing").prop("checked");     //返回bool类型

获取多选按钮选中的值

var fruit = "";
var vegetable = "";
 $("input:checkbox[name='fruit']:checked").each(function() {
     fruit += $(this).val() + " ";
   });

获取选中单选按钮的值

var val=$('input:radio[name="sex"]:checked').val();

为Button 按钮绑定click事件:

$("#SyncB2BProductData").bind("click", function () {    
                if ($("#B2BProductID").val() == "0") {
                    alert("请输入该产品要对应绑定的b2b产品ID");
                    $("#B2BProductID").focus();
                    return false;
                }
});
或者
$("#btnSubmit").click(function(){
  //事件
});

猜你喜欢

转载自www.cnblogs.com/hugeboke/p/10170211.html