当从选项列表中选择多个复选框时,复选框的JavaScript验证
我想对复选框进行JavaScript验证 如果未选中“来自”复选框的值,则应发出警报。请选择您知道的语言 但若用户从复选框列表中选择了两种语言。我需要这两种语言应该得到警报使用JavaScript 我知道如何使用单个复选框,但不知道如何使用数组 这是我的密码 函数myFunctionform{ var i, chks=document.getElementsByName'lang[]'; 对于i=0;i当从选项列表中选择多个复选框时,复选框的JavaScript验证,javascript,html,arrays,checkbox,listbox,Javascript,Html,Arrays,Checkbox,Listbox,我想对复选框进行JavaScript验证 如果未选中“来自”复选框的值,则应发出警报。请选择您知道的语言 但若用户从复选框列表中选择了两种语言。我需要这两种语言应该得到警报使用JavaScript 我知道如何使用单个复选框,但不知道如何使用数组 这是我的密码 函数myFunctionform{ var i, chks=document.getElementsByName'lang[]'; 对于i=0;i
$('#someButton').click(function() {
var values= [];
$('#MyDiv input:checked').each(function() {
values.push(this.val);
});
// now values contains all of the values of checked checkboxes
// do something with it
});
如果您只需要一个选定值,则使用无线电输入类型更容易。使用它,您可以使用querySelector查找所选值,请参见。对于多种语言,您还可以使用querySelectorAll,将其结果转换为数组,并使用Array.map请参阅将结果映射为复选框值的数组 以下是您为这两种情况重写的代码片段,没有表单: 函数d,w,未定义{ d、 querySelector'languageId button'。添加EventListener'click',doSubmit; d、 querySelector'multiLanguageId button'。addEventListener'click',doSubmitMulti; var languageSelectorContainer=d.querySelector'languageId'; var multiLanguageSelectorContainer=d.querySelector'multiLanguageId'; 函数doSubmit{ var languageChecked=语言选择器或容器 .querySelector'[type=radio]:已选中'; d、 查询选择器“结果”。innerHTML= '您选择的语言:'+ 语言检查 ?languageChecked.value :“尚未选择”+ ; } 函数doSubmitMulti{ var languagesChecked=[].slice.call 多语言选择器容器 .querySelectorAll'[type=checkbox]:选中' .mapfunction v{ 返回v.value; }; d、 查询选择器“结果”。innerHTML= “您选择了这些语言:”+ languagesChecked.length ?languagesChecked.join',' :“尚未选择任何”+ ; } }文件、窗口 选择你的语言: 英语 马拉提 印地语 提交 选择您知道的语言: 英语 马拉提 印地语 提交
您的代码段中没有代码,只有HTML代码。如果您希望任何人帮助您,请向我们展示您迄今为止尝试的脚本wise@Kooilnc-是的,我添加了脚本代码。我没有注意到问题中有jquery标记。