jquery

1.下拉框选择

<select style="width: 200px" name="systemid" id = "systemid">

<option value="${menuprice.systemId}" selected='selected'> ${menuprice.name}</option>

var systemid = $("#systemid option:selected").val();

2.属性选择

<input type="text" name="couponTitleCn" size="30" class="box_input" maxlength="100" value="${icoupon.couponTitleCn}" />   

var couponTitleCn = $("input[name='couponTitleCn']").val();

3复选框

 <input type="checkbox" checked='true' name='did' />
                 Sun.
                 <input type="checkbox" checked='true'name="did" />
                 Mon.
                 <input type="checkbox" checked='true' name="did" />
                 Tue.

 $("input:checkbox[name='mid']").each(function() {
   var  daysvalid2= ""; 
if($(this).attr('checked')==true){
//被选中
daysvalid2 += "0";

}else{
//未被选中
daysvalid2 += "1";

}
});

4单选按钮

<input type="radio" checked='true' name="dayOrmonth" value="day" onclick="ChangedayOrmonth(this)"/>DayofWeek

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

5.长度长，设置省略，鼠标移上显示

<td style="text-indent: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break:keep-all;" nowrap="nowrap" title="${lel.name}">

6全选

storeBox：name属性

storeAll：选择的id

<div class="col-sm-2" >

  全选：<input  type="checkbox" id="storeAll" onclick="checkEvent('storeBox','storeAll')" />
       

</div>

function checkEvent(name,allCheckId){
 var allCk=document.getElementById(allCheckId);
 if(allCk.checked==true){
 //全选
 $("input[name="+name+"]").each(function(){
 $(this).prop("checked",true);  
 });
 }
   
 else{
 //buxuan
 $("input[name="+name+"]").each(function(){
 $(this).prop("checked",false);  
 });
 
 }
  
}

7城市输入框

<div class="col-md-8">

              <input type=text name="citys" size="20" id="citys" path="citys" readonly="readonly"
class="box_input" maxlength="100" <c:if test="${icoupon.isNS}">readonly</c:if>
value='${dictionaryV.citys}' />
<span class="STYLE1">
<INPUT type="button" id="btn_city" value="选择城市" ></span>
<span class="STYLE1"></span>

          </div>

// 选择城市按钮
$('#btn_city').click(function() {
var str = $("#citys").val();
$.ajax({

    type: "post",

    url: "getAllCity.action",

    dataType: "json",

    success: function(data){

    var tr;

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

    if(data != null && data.length >0){

    for(var i=0;i<data.length;i++){

    if(i%4 == 0){

    tr = $("<tr/>").appendTo($("#cityTable"));

    }

    if(str!=null && str.indexOf(data[i].citycode.trim())>=0){

   

    $("<td align=\"center\"><input type=\"checkbox\" checked= \"checked\" name=\"cityBox\" value=\""+data[i].citycode+"\" />"+data[i].cityname_zh+" </td>").appendTo(tr);

    }else{

    $("<td align=\"center\"><input type=\"checkbox\" name=\"cityBox\" value=\""+data[i].citycode+"\" />"+data[i].cityname_zh+" </td>").appendTo(tr);

    }

             //  $("<td align=\"center\"><input type=\"checkbox\" name=\"cityBox\" value=\""+data[i].citycode+"\" />"+data[i].cityname_zh+" </td>").appendTo(tr);

    }

    }

    $("#cityDialog").modal();

    },

    error: function(){}

    });

    });

// 选择城市保存按钮
$('#citySave').click(function() {
var cityBoxList = $("input[name='cityBox']")
var cityBoxShow = '';
for(var i=0;i<cityBoxList.length;i++){
if(cityBoxList[i].checked){
if(cityBoxShow == ''){
cityBoxShow += $(cityBoxList[i]).val();
}else{
cityBoxShow += ","+$(cityBoxList[i]).val();
}
}
}
$('#cityDialog').modal('hide');
$('#citys').val(cityBoxShow);

    });