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