您的位置:首页 > Web前端 > CSS

晨魅--Js方法控制样式

2017-02-03 14:12 369 查看
在初始化页面时,获取到对应的ID,给其设置样式

初始化页面:

 $(function(){
     方法体
 });

$(function(){
<%for(int i=0;i<recordQuestionnaireItem.size();i++){%>
$('#otherContent_'+<%=i%>).css("display", "none");
$('#checkboxOtherContent_'+<%=i%>).css("display", "none");
obtainCkeckValue('<%=i%>');
<%}%>
});


Css隐藏内容

style="display:none;"

控制内容显示或隐藏方法

functionfindPassword(){
var url= 'resource?FindPassword&actionType=checkUserInfo&USER_CODE='+$("#USER_CODE").val()+'&SMSValideCode='+$("#SMSValideCode").val();
sendRequest(url,{onComplete:function(responseText){
if(responseText == ''){
$("#tr1").css('display','none');
$("#tr2").css('display','none');
$("#regButton").css('display','none');
$("#tr3").css('display','');
$("#tr4").css('display','');
$("#resetButton").css('display','');
}else{
$("#SMSValideCode").val('');
writeErrorMsg(responseText);
}
}});
}

Js控制按钮变灰(disabled)

imgBtnEnable('addResourceBtn');parent.imgBtnEnable('delResourceBtn');

imgBtnEnable方法里的参数'addResourceBtn'是按钮里的id,然后把这个参数传到控制按钮变灰的js方法里,控制按钮变灰的方法imgBtnDisable(btnId)里的参数btnId就是方法imgBtnEnable('addResourceBtn')里的参数'addResourceBtn',就是传到按钮的id

上传成功后调刷新方法,然后掉控制按钮变灰的方法
'onQueueComplete':function(queueData){
if (queueData.uploadsSuccessful >= batchUploadCount){//上传成功调刷新方法
parent.refresh();
parent.imgBtnDisable('addResourceBtn');//添加变灰
parent.imgBtnEnable('delResourceBtn');//删除可用
}
},
删除方法,删除成功调刷新方法,然后掉控制按钮变灰的方法
function delResourceRequest(){
if (confirm('是否确认要删除附件?')){
var url = 'index?VotmngVoteItemEntryUploader&actionType=delResource&RES_ID='+$('#RES_ID').val();
sendRequest(url,{onComplete:function(responseText){
if ("success"==responseText){
refresh();
imgBtnEnable('addResourceBtn');//添加可用
//删除变灰
}else {
writeErrorMsg('删除失败!');
}
}});
}
}
控制按钮变灰的js方法
function imgBtnDisable(btnId){
var imgBtnId = '#'+btnId;
$(imgBtnId).attr("disabled",true);//给按钮设置变灰样式
}

function imgBtnEnable(btnId){
var imgBtnId = '#'+btnId;
$(imgBtnId).attr("disabled",false);
}

<input type="button" name="addResourceBtn" id="addResourceBtn" <%=pageBean.inputValue("imgbutState")%> value="添加"  onclick="openAddResourceRequestBox()" />
<input type="button" name="delResourceBtn" id="delResourceBtn" value="删除" onclick="delImg()" />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: