html怎么实现表单多选多(例如10选3)

html怎么实现表单多选多(例如10选3),第1张

var arr = [1,2,3,4,5,6,7,8,9,10]

var result = new Array(3)

for(var i = 0 i < result.length i++){

    result[i] = arr.splice(Math.random()*arr.length>>>0, 1)[0]

}

console.info(result)

在 HTML 中,你可以通过设置表单元素的 required 属性来实现多选时至少要填写一个选项的验证。具体来说,你需要将多选的选项使用 input 标签中的 type="checkbox" 属性表示,并且给其中至少一个选项添加 required 属性。

以下是一个示例代码:

在上述代码中,我们为第一个选项添加了 required 属性,意味着至少要勾选这个选项才能提交表单。如果用户未选择该选项,浏览器会提示该选项为必选项。

需要注意的是,required 属性只能应用于表单元素,如 input、select、textarea 等。同时,在提交表单时,也需要对表单数据进行服务器端验证,以确保数据的完整性和准确性。

把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=0i<form.elements.lengthi++)

{

var e = form.elements[i]

// if (e.name != 'chkall')

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

}

}

function checkOthers(form)

{

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

{

var e = form.elements[i]

// if (e.name != 'chkall')

if (e.checked==false)

{

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

}

else

{

e.checked = false

}

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7007677.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存