<a>タグのリンクを無効化するには？

##aタグにはdisable属性がない

Chromeの場合、＜input＞ ＜textarea＞ ＜select＞タグなどはdisabledを書けば非活性になりますが、＜a＞タグにはdisable属性がないので利きません。

##aタグのリンクを無効化するには？

css

 pointer-events:none;

上記で非活性化することができます。
＜img＞タグも同様です。

##ある条件のときだけ複数の項目を一括で非活性にするには？

そういう場合はJavaScriptを使います。
変更したい項目を＜div＞で囲み、idを付与します。

タグ名で要素を指定することで、項目を複数取得することが出来ます。
【document.getElementById("ID名").getElementsByTagName("input")】

それをFor文で回して各項目ごとにdisable属性や、css.Style属性を付与していきます。

JavaScript

window.onload = function(){
	var flg = $("#modeflg").val();
/*条件*/
	if(flg == "2"){     
		var inputItem = document.getElementById("changeDisable").getElementsByTagName("input");
		for(var i=0; i<inputItem.length; i++){
		  inputItem[i].disabled = true;
		}
		var inputItem = document.getElementById("changeDisable").getElementsByTagName("textarea");
		for(var i=0; i<inputItem.length; i++){
		  inputItem[i].disabled = true;
		}
		var selectItem = document.getElementById("changeDisable").getElementsByTagName("select");
		for(var i=0; i<selectItem.length; i++){
		  selectItem[i].disabled = true;
		}
		var selectItem = document.getElementById("changeDisable").getElementsByTagName("a");
		for(var i=0; i<selectItem.length; i++){
			selectItem[i].style.pointerEvents = 'none';
		}
		var selectItem = document.getElementById("changeDisable").getElementsByTagName("img");
		for(var i=0; i<selectItem.length; i++){
			selectItem[i].style.pointerEvents = 'none';
		}
	}
};