如何显示/隐藏按钮OnClick？ JavaScript或CSS。

本文介绍了如何显示/隐藏按钮OnClick？ JavaScript或CSS。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 29岁程序员，3月因学历无情被辞！ 我有两个文本框，当它在列表中时会隐藏。单击编辑后，我想显示文本框可见。 从下面的代码中，当我说文本框可见时，它会相应地显示。但是我需要在编辑模式下显示文本框。 请点击按钮，帮助我看看/显示的方法。 - 单击编辑按钮后显示文本框 - 单击保存按钮后隐藏文本框。 感谢阅读和帮助会很棒。 @model IEnumerable < NameList > < script src = 〜/脚本/ jquery-1.10.2.min.js > < / script > < script type = text / javascript > function ShowEdit（par）{ $（＃divBDate-+ par）.attr（class，hide）; $（＃txtBDate-+ par）.attr（class，visible）; $（＃divEDate-+ par）.attr（class，hide）; $（＃txtEDate-+ par）.attr（class，visible）; $（＃btnEdit-+ par）.attr（class，hide）; $（＃btnSave-+ par）.attr（class，visible）; } 函数SaveEdit（par）{ $（＃divBDate-+ par）.attr（class，visible）; $（＃txtBDate-+ par）.attr（class，hide）; $（＃divEDate-+ par）.attr（class，visible）; $（＃txtEDate-+ par）.attr（class，hide）; $（＃btnEdit-+ par）.attr（class，visible）; $（＃btnSave-+ par）.attr（class，hide）; var -bDate = $（＃txtBDate-+ par）.val（）; var -dDate = $（＃txtEDate-+ par）.val（）; var url ='@ Url.Action（GetUser，Cust）'; $ .post（url，{RoleId：par，userId：-userId，startDate：-startDate}， function（data）{ $（＃divResult）。html（data ）; }）; } < / script > < div id = divResult > < table class = table > < tr > < th > 名称< / th > < th > 区域< / th > < th > 开始日期< / th > < ; th > 结束日期< / th > < / tr > @foreach（NamesList n in模型） { < tr > < td > @ n.Name < / td > < td > @ n.Area < / td > < td > < div id = divBDate- @ n.ID class = 可见 > @ n.BDate < ; / div > < 输入 id = [email protected] type = text class = 隐藏 值 = @ n.BDate / > < / td > < td > < div id = [email protected] 类 = 可见 > ; @ n.EndDate < / div > < input id = [email protected] type = text class = 隐藏 value = @ n .EndDate / > < / td > < td > < 按钮 id = [email protected] class = visible onclick = ShowEdit（@ n.ID）;返回false; > 编辑< /按钮 > < 按钮 id = [email protected] class = 隐藏 onclick = SaveEdit（@ n.ID）;返回false; > 保存< /按钮 > < / td > < / tr > } < / table > < / div > 解决方案 （＃divBDate-+ par）.attr（class，hide）; （＃txtBDate - + par.attr（class，visible）; （＃divEDate-+ par）.attr（class，hide）; Hi,I have Two text boxes which are hide when it's in a list. After Clicking Edit, I would like to show the text boxes visible.From the below code when I say the text box "visible" it displays accordingly. But I need to show the text boxes when it's in a edit mode.Please help me how to visible/show when i click the button.- show the text boxes after i click the "Edit" button- hide the text boxes after I click the "save" button.Thanks for reading and help would be great.@model IEnumerable<NameList><script src="~/Scripts/jquery-1.10.2.min.js"></script><script type="text/javascript">function ShowEdit(par) {$("#divBDate-" + par).attr("class", "hide");$("#txtBDate-" + par).attr("class", "visible");$("#divEDate-" + par).attr("class", "hide");$("#txtEDate-" + par).attr("class", "visible");$("#btnEdit-" + par).attr("class", "hide");$("#btnSave-" + par).attr("class", "visible");}function SaveEdit(par) {$("#divBDate-" + par).attr("class", "visible");$("#txtBDate-" + par).attr("class", "hide");$("#divEDate-" + par).attr("class", "visible");$("#txtEDate-" + par).attr("class", "hide");$("#btnEdit-" + par).attr("class", "visible");$("#btnSave-" + par).attr("class", "hide");var -bDate = $("#txtBDate-" + par).val();var -dDate = $("#txtEDate-" + par).val();var url = '@Url.Action("GetUser", "Cust")';$.post(url, { RoleId: par, userId: -userId, startDate: -startDate },function (data) {$("#divResult").html(data);});}</script><div id=divResult"><table class="table"><tr><th>Name</th><th>Area</th><th>Beginning Date</th><th>End Date</th></tr>@foreach (NamesList n in Model){<tr><td> @n.Name </td><td>@n.Area </td><td><div id="[email protected]" class="visible">@n.BDate</div><input id="[email protected] type=" text" class="hide" [email protected] /></td><td><div id="[email protected]" class="visible">@n.EndDate</div><input id="[email protected] type=" text" class="hide" [email protected] /></td><td><button id="[email protected]" class="visible" onclick="ShowEdit(@n.ID); return false;">Edit</button><button id="[email protected]" class="hide" onclick="SaveEdit(@n.ID); return false;">Save</button></td></tr>}</table></div> 解决方案 ("#divBDate-" + par).attr("class", "hide");("#txtBDate-" + par).attr("class", "visible");("#divEDate-" + par).attr("class", "hide"); 这篇关于如何显示/隐藏按钮OnClick？ JavaScript或CSS。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！ 上岸，阿里云！