checkbox 相关问题

这是我的代码示例这是我的代码示例 <div class="form-check"> <label for""> <input type="radio" name="user-select" value="onetwo" class="one-to-two" checked>1-2 hours </label><br/> </div> <div class="form-check"> <label> <input type="radio" name="user-select" value="threefour" class="three-to-four"/> 3-4 hours </label> </div> <div class="form-check-career"> <input type="checkbox" class="form-check-input" id="check1" name="Front End" value="something"> <label class="form-check-label">Front-End Developer</label> </div> <div class="form-check-career"> <input type="checkbox" class="form-check-input" id="check2" name="Back End" value="something"> <label class="form-check-label">Back-End Developer</label> </div> <div class="form-check-career"> <input type="checkbox" class="form-check-input" id="check3" name="Full Stack" value="something"> <label class="form-check-label">Full Stack Developer</label> </div> 这是我的一些CSS label { display: block; margin: 0.5rem 0; } input { margin: 10px 0 10px 0; width: 100%; min-height: 2em } input[type="radio"] { flex-direction: row; } 我尝试了网上能找到的所有方法，但都不起作用，这令人沮丧。这些复选框和单选图标无法按照我的预期与标签对齐。有人可以告诉我我做错了什么吗？虽然不太清楚“排队”的含义，但如果您指的是水平居中，那么您可能需要更改一些代码。由于您没有提供足够的代码作为上下文，请注意以下代码基于问题中发布的代码片段。如果您按如下方式更改无线电输入 HTML： <div class="form-check"> <label for"">1-2 hours</label> <input type="radio" name="user-select" value="onetwo" class="one-to-two" checked /> </div> 并将 CSS 更改为以下内容： .form-check{ display:flex; align-items:center; justify-content:center; margin:0.5rem auto; } label { margin: 0.5rem; } input[type="radio"] { margin:0.5rem; display:flex; flex-direction: row; width:auto; } 然后输出应呈现为：

html css checkbox radio-button

回答 1 投票 0

复选框仅在悬停或选中时可见

'要求是 onhover 复选框必须可见，但 onmouseout 选中的复选框必须可见，未选中的复选框必须不可见。我的问题是复选框悬停功能单独工作，但 ch...

css checkbox hover checked mudblazor

回答 1 投票 0

如何使表单中的复选框有效

我有一个基本问题，但我找不到解决方案。我如何强制我的用户选中该框：接受条件？（j'acceptes les Conditions d'utilizations = 我同意条款和条件...

javascript validation checkbox

回答 3 投票 0

复选框默认不匹配状态

我想要一个复选框，其 defaultChecked 值与我的数据库中的值匹配。我当前的问题是 defaultChecked 始终为 false，即使数据库值为 true 也是如此。这是我的cu...

html reactjs react-hooks checkbox

回答 1 投票 0

带有复选框的Android ListView：如何捕获选中的项目？

我必须用复选框做一个ListView，然后在用户按下按钮时显示选中和未选中的项目。问题是我不知道该怎么做，我设法显示 ListView 机智...

android checkbox android-listview android-button

回答 1 投票 0

Latex 中的交互式复选框

有谁知道如何在LaTeX中做一个点击时可以交叉的交互式复选框？现在我可以让它与一个复选框一起使用，该复选框在选中时会发出红光，如下所示：和 \

checkbox latex overleaf

回答 1 投票 0

asp.net 中的复选框控件（C#）

我在表单中添加了一个复选框。选中该复选框后，一些信息（文本框、标签等）应出现在该复选框的正下方。我怎样才能做到这一点？代码：我在表单中添加了一个复选框。选中复选框后，一些信息（文本框、标签等）应出现在复选框的正下方。我该怎么做？代码： <asp:CheckBox ID="CheckBox1" runat="server" oncheckedchanged="CheckBox1_CheckedChanged" /> C#： protected void CheckBox1_CheckedChanged(object sender, EventArgs e) { } 别忘了autopostback = true <asp:CheckBox ID="CheckBox1" runat="server" oncheckedchanged="CheckBox1_CheckedChanged" AutoPostBack="true" /> <asp:Panel runat="server" ID="panel1"></asp:Panel> - protected void CheckBox1_CheckedChanged(object sender, EventArgs e) { panel1.Controls.Add(new Label { Text = "Text goes here" }); } 这允许您添加任何您想要的控件。只需添加TextBox、Label等控件并使其不可见即可。然后在 CheckBox1_CheckedChanged 函数中使它们可见。这是通过设置 bool Visible 属性来完成的 <asp:CheckBox ID="CheckBox1" runat="server" oncheckedchanged="CheckBox1_CheckedChanged" /> <asp:TextBox ID="textBox" runat="server" Visible=false /> 和 protected void CheckBox1_CheckedChanged(object sender, EventArgs e) { textBox.Visible = true; } 在复选框标签下添加新的文字控件， <asp:Literal id="lblMsg" runat="server"/> 然后在您的 CheckBox1_CheckedChanged 事件中将此设置为： lblMsg.Text = "Checked"; 并且是的，将复选框的 AutoPostBack 属性设置为 true 我建议使用 javascript 来完成此操作。您的用户不必“回发”，应用程序的感觉会更好，并且您将减少服务器费用。使用 jQuery，你可以使用这样的东西： <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#chk").onclick(function() { $("#content").toggle(); }); }); </script> <input type="Checkbox" id="chk"/> <div id="content" style="display:none"> <asp:TextBox runat="Server" id="oneOfYourControls" /> </div> jQuery 不是强制性的...您可以使用标准的简单getElementById()。唯一的缺点是你无法动态构建内容，但在大多数情况下这实际上并不是问题在 Checked Changed Event 中编写如下代码： protected void CheckBox1_CheckedChanged(object sender, EventArgs e) { Label1.Text = "Text"; } 489checkbox Report this ad 5 I added a checkbox to my form. When the checkbox is checked, some information (TextBox, Label etc.) should appear right under the checkbox. How can I do this? Code: <asp:CheckBox ID="CheckBox1" runat="server" oncheckedchanged="CheckBox1_CheckedChanged" /> C#: protected void CheckBox1_CheckedChanged(object sender, EventArgs e) { } c#asp.netcheckbox Share Improve this question Follow edited Aug 6, 2021 at 8:40 Didier Aupest's user avatar Didier Aupest 3,25522 gold badges2424 silver badges3737 bronze badges asked Aug 2, 2011 at 7:35 hicay's user avatar hicay 7811 gold badge22 silver badges88 bronze badges Add a comment 5 Answers Sorted by: 10 Don't forget autopostback = true <asp:CheckBox ID="CheckBox1" runat="server" oncheckedchanged="CheckBox1_CheckedChanged" AutoPostBack="true" /> <asp:Panel runat="server" ID="panel1"></asp:Panel> - protected void CheckBox1_CheckedChanged(object sender, EventArgs e) { panel1.Controls.Add(new Label { Text = "Text goes here" }); } This allows you to add any control you want. Share Improve this answer Follow answered Aug 2, 2011 at 7:44 nthpixel's user avatar nthpixel 3,05933 gold badges3030 silver badges4242 bronze badges Add a comment 2 Just add TextBox, Label etc. controls and make them invisible. Then in the CheckBox1_CheckedChanged function make them visible. This is done by setting the bool Visible property <asp:CheckBox ID="CheckBox1" runat="server" oncheckedchanged="CheckBox1_CheckedChanged" /> <asp:TextBox ID="textBox" runat="server" Visible=false /> and protected void CheckBox1_CheckedChanged(object sender, EventArgs e) { textBox.Visible = true; } Share Improve this answer Follow answered Aug 2, 2011 at 7:38 Petar Ivanov's user avatar Petar Ivanov 92k1111 gold badges8282 silver badges9595 bronze badges you should wrap all your controls in a panel. It will be more simple to change the visibility of a single panel control than a lot of other controls. Moreover, the structural html tags will also be shown/hidden along the server controls – Steve B Aug 2, 2011 at 8:12 Add a comment 1 Add a new literal control under your checkbox tags, <asp:Literal id="lblMsg" runat="server"/> then in your CheckBox1_CheckedChanged event to this: lblMsg.Text = "Checked"; and yes set the AutoPostBack property of your checkbox to true Share Improve this answer Follow answered Aug 2, 2011 at 7:40 Waqas's user avatar Waqas 6,82233 gold badges3434 silver badges5050 bronze badges Add a comment 1 I would suggest doing this using javascript. Your users won't have to "postback" and the feeling on the application will be better, and you will reduce the server charge. Using jQuery, you can use something like this: <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#chk").onclick(function() { $("#content").toggle(); }); }); </script> <input type="Checkbox" id="chk"/> <div id="content" style="display:none"> <asp:TextBox runat="Server" id="oneOfYourControls" /> </div> jQuery is not mandatory... you can use standard simple getElementById(). The only drawback, is that you cannot dynamically build the content, but in most case it's a not actually a matter Share Improve this answer Follow answered Aug 2, 2011 at 8:01 Steve B's user avatar Steve B 37.1k2121 gold badges103103 silver badges176176 bronze badges Add a comment 0 In Checked Changed Event write your code like this: protected void CheckBox1_CheckedChanged(object sender, EventArgs e) { Label1.Text = "Text"; } Share Improve this answer Follow answered Aug 2, 2011 at 7:42 thevan's user avatar thevan 10.1k5454 gold badges138138 silver badges202202 bronze badges Add a comment Your Answer Links Images Styling/Headers Lists Blockquotes Code HTML Tables Advanced help Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. Provide details and share your research! But avoid … Asking for help, cl`enter code here`arification, or responding to other answers. Making statements based on opinion; back them up with references or personal experience. To learn more, s

c# asp.net checkbox

回答 6 投票 0

用回车键选择复选框

我有几个复选框，当焦点具有焦点时，我需要使用回车键而不是空格键来选择它们。我有下面的代码适用于一个复选框，但我需要多个复选框。我

javascript jquery html events checkbox

回答 8 投票 0

HTML 复选框和同意条款和条件的提交按钮

我正在设计一个用于WiFi身份验证的html页面，我想在此页面中引入一个复选框和提交按钮，在阅读条款和条件并选中复选框后，提交

html authentication checkbox submit wireless

回答 1 投票 0

如何创建自定义复选框？

您好，我正在尝试为我的网站创建一个自定义复选框，例如提供的图像链接。这样做的最佳方法是什么？非常感谢。