js学习(一)

1.点击选择样式为item current

<div class="take_item">
  <span class="item current">张三</span>
  <span class="item">李四</span>
  <span class="item">王五</span>
  <span class="item">赵六</span>
</div>

------>

$(".take_item span").bind("click",function(){
  $(".take_item span").removeClass("current");
  $(this).addClass("current");
  setTypeVal();
});

若要获取选中span的值

<input name="select_S_PAY_TYPE_CD" id="s_pay_type_cd" type="hidden" value="01"/>

function setTypeVal(){
$(".take_item span").each(function(index,obj){
if($(obj).hasClass("current")){
/*
<option value="01">开户</option>
<option value="02">存款</option>
<option value="03">取款</option>
<option value="04">其他</option>
*/
switch(index){
case 0:
$("#s_pay_type_cd").val("01");
break;
case 1:
$("#s_pay_type_cd").val("02");
break;
case 2:
$("#s_pay_type_cd").val("03");
break;
case 3:
$("#s_pay_type_cd").val("04");
break;
default:
$("#s_pay_type_cd").val("");
}
}
});
}

 

posted @ 2018-07-05 17:30  llll1  阅读(414)  评论(0)    收藏  举报