商城尺码选择效果 jquery

.noselectdiv{margin-left:12px;cursor:pointer;text-indent:0;float:left;height:20px; line-height:20px;border:2px solid #666;color:Green;}.selectdiv{margin-left:12px;cursor:pointer;text-indent:0;height:20px; line-height:20px;float:left;border:2px solid red;color:Green;font-weight:bold;color:red;}

js文件

function checkPcolor(cid) { $("#pcolorshowbox" + cid).toggleClass("selectdiv"); var hiddenColorValueObject = $("#ctl00_cph1_ctrlCheckoutAttributes_hiddenPcolors"); var colorValues = hiddenColorValueObject.val(); var colorValuesArray = new Array(); //如果是第一次填写颜色 会没有任何值 if (colorValues == "") { colorValuesArray.push(cid); //直接把值写入 } else { colorValuesArray = colorValues.split(","); //此时肯定有一个颜色 列表显示 var hasSta = true; for (i = 0; i < colorValuesArray.length; i++) { //如果id已经有了说明要取消！ if (cid == colorValuesArray[i]) { colorValuesArray.splice(i, 1); hasSta = false; break; } } if (hasSta) { colorValuesArray.push(cid); } } var nowColorValues = colorValuesArray.join(","); hiddenColorValueObject.val(nowColorValues); }

html代码

?<%=size.PrductSizeName%>?