html:checkbox 多选

Posted 2023-05-12

请问
html:checkbox 用这个做一个学生的兴趣 做成一个多选 的
如何能把他的值存到一个表的字段里 谢谢
高分
着急······

把name设置能一样的

之后就可以$_REQUEST['NAME']
是个array

如:(我用的是php)
<input type=checkbox name=checkbox[] id=checkbox_1 value=被取到的值1 checked=true />

<input type=checkbox name=checkbox[] id=checkbox_2 value=被取到的值2 checked=true />

<input type=checkbox name=checkbox[] id=checkbox_3 value=被取到的值3 checked=true />

$allready_arr=$_REQUEST[checkbox];

这个时候提交以后。被选中的checkbox的value就取到了

下面是常用的。全选和反选

function checkAll(form)

for (var i=0;i<form.elements.length;i++)

var e = form.elements[i];
// if (e.name != 'chkall')
e.checked = true// form.chkall.checked;



function checkOthers(form)

for (var i=0;i<form.elements.length;i++)

var e = form.elements[i];
// if (e.name != 'chkall')
if (e.checked==false)

e.checked = true;// form.chkall.checked;

else

e.checked = false;


参考技术A <html:checkbox name="c1" value="兴趣1@@">兴趣1
<html:checkbox name="c1" value="兴趣2@@">兴趣2
可以在提交时用
String c[]=request.getParameterValues("c1");//获得数组
StringBuffer sb=new StringBuffer();
然后for(int i=0;i<c.length;i++)
sb.append(c[i]);

sb.toString();//存到数据库，调出来时用@@分割 参考技术B 把 checkbox的 name属性设成一样的
例如：
<form name="myform" method="post" action="bb">
<input name="aa" type="checkbox" value="音乐" />
<input name="aa" type="checkbox" value="运动" />
</form>
然后再在Web.xml中配置与bb对应的Servlet请求处理类，在该处理类中通过request对象获取表单请求信息，具体获取过程如下
String[] lv = request.getParameterValues("aa");
再调用相应的业务处理类，进行相应的插入操作。 参考技术C 1、用 struts标签 不要用原始 html标签
<html:checkbox name="XXX" value="">dfsf<...>
2、form javabean里面定义成 String[]类型即可 或者List 也行 不过标签要配
3、如果是action 直接取值 直接用request.getParameterValues("XXX"); 即可 类型自己匹配 参考技术D 你得另外建一个表用外键指向 兴趣表的主键不久可以了吗 ？
做成一个表的时候 你提交兴趣的时候要做成一个set 将set中的值先处理成一个String型 的值 放到数据库中 这样做就完成你的要求了
但是本人认为 另外添加一个表 是比较好的。

Javascript Html.Checkbox onchange 事件

【中文标题】Javascript Html.Checkbox onchange 事件

【英文标题】：Javascript Html.Checkbox onchange event

【发布时间】：2014-09-02 05:59:04

【问题描述】：

我尝试了以下事件以达到复选框的 onchange。

 @Html.CheckBox("AutoCalculateMandate", true , new  onchange = "AutoCalculateMandateOnChange" )

Javascript：

function AutoCalculateMandateOnChange() 
    alert("working");

当我尝试上面的 javascript 代码时，警报从不显示任何内容（不工作）。

如何在 Html.Checkbox 值更改时启用/禁用以下输入？

<input type="text" id="LevyFee" class="form-control" data-required="true" ">

任何帮助表示赞赏。

谢谢。

【问题讨论】：

应该是onchange = "AutoCalculateMandateOnChange()" 而不是onchange = "AutoCalculateMandateOnChange"！

如何获取复选框的选定值并启用/禁用输入？谢谢也请回答我会接受最佳答案

我参加聚会有点晚了，但有人能告诉我@HTML 是什么语言/框架吗？我以前从未在 javascript 中看到过这个，所以很好奇。

@JonathanM 这是 ASP.NET 的 Razor 语法 - Html 是 HtmlHelper 类型的一个实例，@ 符号允许在标记内嵌入代码。

@Oliver，谢谢。我已将 ASP.NET 添加到标签列表中。

【参考方案1】：

您可以通过传递this 作为参考，在函数中将复选框作为element 获取，请参阅下面的更新标记

<input type="checkbox" value="check" id="AutoCalculateMandate" onchange = "AutoCalculateMandateOnChange(this)"/>
<label for="AutoCalculateMandate">
    Auto Calculate
</label> <br />

由于您使用的是 MVC，所以可以这样实现：

 @Html.CheckBox("AutoCalculateMandate", true , new  onchange = "AutoCalculateMandateOnChange(this)" )

javascript

function AutoCalculateMandateOnChange(element)
     document.getElementById("LevyFee").disabled = element.checked;    

Demo