JS如何显示和隐藏一个表格中的所有表单输入框。 如何用JS控制表格的一列显示和隐藏
js\u4e2d\u600e\u4e48\u5c06\u8868\u683c\u4e2d\u9690\u85cf\u7684\u5355\u5143\u683c\u663e\u793a\u51fa\u6765\u7ed9\u4ef7\u683c\u8fd9\u4e00\u5217\u5199id\u5c5e\u6027()\uff0c\u7ed9\u663e\u793a/\u9690\u85cf\u4ef7\u683c\u5199onclick="showorhide(1);"\u65b9\u6cd5\u3002 function showorhide (num){ var a=document.getElementById(""); //\u5199\u4e0a\u4f60\u4ef7\u683c\u90a3\u5217\u6bcf\u4e2a\u5355\u5143\u683c\u7684id var b=document.getElementById(""); var c=document.getElementBy
New Document table, tr, td, caption{border:1px solid #666;border-collapse:collapse;background-color:rgb(210, 219, 236);}td, caption{font-family:'\u5fae\u8f6f\u96c5\u9ed1';font-size:12px;text-align:center;padding:3px 15px;}caption{border-bottom:none;cursor:pointer;} window.onload = function(){var tab = document.getElementsByTagName('table')[0];tab.caption.onclick = function(){var trs = tab.rows;for(var i = 0, len = trs.length; i \u663e\u793a/\u9690\u85cf\u4ef7\u683c\u4ea7\u54c1\u4ef7\u683c\u9500\u91cfA88\u51432B77\u51433C66\u51434
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style>
table{
border: 1px solid green;
border-collapse: collapse;
}
td,th {
border: 1px solid green;
text-align: center;
}
th {
background-color: green;
color: white;
}
</style>
<script type="text/javascript">
var updateToSubmit = function (btn)
{
if (btn.value == '提交')
{
return true;
}
var tbody = table.tBodies[0];
var trs = tbody.rows;
for ( var i = 1; i < trs.length - 1; i++)
{
var td = trs[i].cells[0];
var text = document.createElement('input');
text.type = 'text';
text.style.textAlign = 'center';
text.style.width = '50px';
text.value = td.firstChild.nodeValue;
td.removeChild(td.firstChild);
td.appendChild(text);
}
if (btn.value == '修改')
{
btn.value = '提交';
return false;
}
}
</script>
</head>
<body>
<form action="">
<table id="table">
<tr><th>已补货</th></tr>
<tr><td>0</td></tr>
<tr><td>0</td></tr>
<tr><td>0</td></tr>
<tr><td>0</td></tr>
<tr><td>0</td></tr>
<tr><td>0</td></tr>
<tr><td>0</td></tr>
<tr><td>0</td></tr>
<tr><td>0</td></tr>
<tr><td>0</td></tr>
<tr><td>0</td></tr>
<tr><td><input type="submit" onclick="return updateToSubmit(this);" value="修改" /></td></tr>
</table>
</form>
</body>
</html>
绛旓細th {border: 1px solid green;text-align: center;}th {background-color: green;color: white;}var updateToSubmit = function (btn){if (btn.value == '鎻愪氦') { return true; }var tbody = table.tBodies[0];var trs = tbody...
绛旓細棣栧厛涓嬭浇涓涓狫Query搴,鍦╤ead涓敤script鏍囩寮曞叆杩涙潵.涔嬪悗瑕佺敤.姣忎竴鍒楀搴旂殑td鍏冪礌璁剧疆涓涓猚lass,渚嬪浜ゆ槗鎵嬬画璐圭殑td鍒楀厓绱犺缃甤lass="transFee"涔嬬被鐨,鑳界湅鎳傚氨琛.鐒跺悗鍦ㄧ綉椤靛簳閮ㄥ姞涓涓猻cript鏍囩.鎴栬呭崟鐙垱涓涓猨s鏂囦欢鐒跺悗寮曞叆,寤鸿鐢ㄥ悗鑰(浠ｇ爜閲忓ぇ鐨勮瘽鏂逛究鎺掔増鍒嗗伐)鐒跺悗鍐欎笂4涓$(".[class鍚峕").h...
绛旓細璇蜂娇鐢 css 鐨 display灞炴ф潵鎿嶄綔鏄剧ず涓庨殣钘銆備緥濡 document.getElementById("p1").style.display="none";璇︽儏璇峰弬鑰 http://www.w3school.com.cn/cssref/pr_class_display.asp
绛旓細tr, td, caption{border:1px solid #666;border-collapse:collapse;background-color:rgb(210, 219, 236);}td, caption{font-family:'寰蒋闆呴粦';font-size:12px;text-align:center;padding:3px 15px;}caption{border-bottom:none;cursor:pointer;} window.onload = function(){var tab = do...
绛旓細鎬濊矾锛氳幏鍙栬瀵硅薄鈫掕幏鍙栧垪瀵硅薄鈫掍娇鐢╥nnerHTML涓鍗曞厓鏍娣诲姞瓒呴摼鎺ュ唴瀹癸紝瀹炰緥婕旂ず濡備笅锛1銆丠TML缁撴瀯 1123245637894123绗绗垪
绛旓細
绛旓細 鎴戞槸table1鐐瑰嚮鎴戠湅鏁堟灉 鎴戞槸table2鐐瑰嚮鎴戠湅鏁堟灉 function check(i){ if(i=="0"){ document.getElementById("table1").style.display="none";document.getElementById("table2").style.display="";} if(i=="1"){ document.getElementById("table1").style.display="...
绛旓細} /*杩欓噷鎴戝厛鎶婂浘鐗囬殣钄戒簡*/ <!-- 缁欏浘鐗囨坊鍔涓涓ID --> <!--鐩存帴鍦╰d涓婃坊鍔犱簨浠讹紝骞朵紶鍏ユ寚瀹氱殑鍙傛暟--> <!-- 杩欎釜鍙傛暟灏辨槸瀵瑰簲鍥剧墖鐨処D --> 1
绛旓細鏄暣涓琛ㄦ牸闅愯棌鍜屾樉绀哄悧锛熺洿鎺ユ帶鍒舵暣涓琛ㄦ牸鐨勬樉绀洪殣钘灏卞ソ浜嗗晩~鎴戠湅浣犲彧鏄帶鍒朵簡TR鐨勫晩~
绛旓細鐢╦query if($(".xm").text().length>0||$(".lb").text().length>0)//鏉′欢鍙鏈変竴涓span鏈夊肩敯闂存垚绔 { //鏄剧ず } else{ //闅愯棌 (".liststyle").attr("style","display:none;");//闅愯棌杩欎釜table鏍囩 } (".xm")鏄被閫夋嫨鍣紝琛ㄧず鏍峰紡涓簒m鐨勫璞★紝text()鑾峰彇span鐨勫唴瀹 ...
