这主要是一个例子做购物车的加减数
<script language="javascript" type="text/javascript">var IsExchangeModifProNum = 0;
function changetxtGwcProCount(obj) {
obj.setAttribute("value", obj.value);
IsExchangeModifProNum = 1;
var inputs = document.getElementsByTagName("input"); //获取DOM中所有的inp
for (var i = 0; i < inputs.length; i++) { //遍历inputs
if (inputs[i].attributes["mybutton"] && inputs[i].getAttribute("value")=="减") {
myInput = inputs[i];
// alert(myInput.getAttribute("mybutton"));
if (myInput.getAttribute("mybutton") ==obj.getAttribute("mytextbox")) {
// alert("bb");
//alert(obj.getAttribute("mytextbox"));
AddSub(myInput,2,IsExchangeModifProNum);
// alert("修改成功!");
return;
}
}
}
}
function AddSub(obj, IsAdd,IsExchangeModifProNum) {
var txtGwcProCount;
var hfgwcStyleId;
var hfgwcStyleName;
var hfgwcProType;
var hfgwcSup;
var userid;
var HideCashierID;
var AgentNum;
var AgentID;
var myInput; //你的目标元素
var myinput1;
var inputs = document.getElementsByTagName("input"); //获取DOM中所有的inp
for (var i = 0; i < inputs.length; i++) { //遍历inputs
if (inputs[i].attributes["mytextbox"]) {
myInput = inputs[i];
if (myInput.getAttribute("mytextbox") == obj.getAttribute("mybutton")) {
// alert(obj.getAttribute("mybutton"));
txtGwcProCount = myInput.value;
// alert("数量:"+txtGwcProCount);
}
}
if (inputs[i].attributes["myhfgwcStyleId"]) {
myInput = inputs[i];
if (myInput.getAttribute("myhfgwcStyleId") == obj.getAttribute("mybutton")) {
hfgwcStyleId = myInput.getAttribute("value");
// alert("hfgwcStyleId:" + hfgwcStyleId);
}
}
if (inputs[i].attributes["myhfgwcProType"]) {
myInput = inputs[i];
if (myInput.getAttribute("myhfgwcProType") == obj.getAttribute("mybutton")) {
hfgwcProType = myInput.getAttribute("value");
// alert("hfgwcProType:" + hfgwcProType);
}
}
if (inputs[i].attributes["myhfgwcStyleName"]) {
myInput = inputs[i];
if (myInput.getAttribute("myhfgwcStyleName") == obj.getAttribute("mybutton")) {
hfgwcStyleName = myInput.getAttribute("value");
// alert("hfgwcStyleName:" + hfgwcStyleName);
}
}
if (inputs[i].attributes["myhfgwcSup"]) {
myInput = inputs[i];
if (myInput.getAttribute("myhfgwcSup") == obj.getAttribute("mybutton")) {
hfgwcSup = myInput.getAttribute("value");
// alert("hfgwcSup:" + hfgwcSup);
}
}
}
userid = $("#hiheuserid").val();
// alert("userid:" + userid);
HideCashierID = $("#HideCashierID").val();
// alert("HideCashierID:" + HideCashierID);
AgentNum = $("#AgentNum").val();
// alert("AgentNum:" + AgentNum);
AgentID = $("#AgentID").val();
// alert("AgentID:" + AgentID);
$.ajax({
type: "POST", //传输方式
url: "ModifyProductNum.ashx", //action路径
data: { txtGwcProCount: txtGwcProCount, hfgwcStyleId: hfgwcStyleId, hfgwcStyleName: hfgwcStyleName, hfgwcProType: hfgwcProType, hfgwcSup: hfgwcSup, userid: userid, HideCashierID: HideCashierID, IsAdd: IsAdd, AgentID: AgentID, AgentNum: AgentNum, IsExchangeModifProNum: IsExchangeModifProNum}, //传递参数,可有可无
success: function(msg) {
// alert(msg);
for (var i = 0; i < inputs.length; i++) { //遍历inputs
if (inputs[i].attributes["mytextbox"]) {
myinput1 = inputs[i];
if (myinput1.getAttribute("mytextbox") == obj.getAttribute("mybutton")) {
// inputs[i].setAttribute("value", msg);
inputs[i].value=msg;
}
}
}
// alert(msg + "操作成功!"); //调用成功后执行操作
}
});
}
</script>
<input type="button" id="btnSub" value="-" οnclick="AddSub(this,0,0)" mybutton="<%#Container .ItemIndex%>" style=" float:left; display:block; background:#ededed; border:1px solid #999; padding:0px 5px; text-align:center; color#333;font-size: 17px; cursor:pointer" />
<asp:TextBox ID="txtGwcProCount" runat="server" MaxLength="4" οnkeyup="value=value.replace(/[^\d]/g,'')" Width="40" Text='<%# Eval("product_num") %>' mytextbox="<%#Container .ItemIndex%>" οnchange="changetxtGwcProCount(this)" style=" float:left; width:24px;" />
<input type="button" id="btnAdd" value="+" οnclick="AddSub(this, 1,0)" mybutton="<%#Container .ItemIndex%>" style="float:left;background:#ededed; border:1px solid #999; padding:0px 5px; text-align:center; color#333; cursor:pointer"/>