Javascript 如何为multiselect中的选项设置默认值?
在我的html文件中,我有以下代码:Javascript 如何为multiselect中的选项设置默认值?,javascript,jquery,html,checkbox,multi-select,Javascript,Jquery,Html,Checkbox,Multi Select,在我的html文件中,我有以下代码: <div class="multiselect"> <label><input type="checkbox" id="Field_1" name="Field_1" value="1" />something1</label> <label><input type="checkbox" id="Field_2" name="Field_2" v
<div class="multiselect">
<label><input type="checkbox" id="Field_1" name="Field_1" value="1" />something1</label>
<label><input type="checkbox" id="Field_2" name="Field_2" value="2" />something2</label>
<label><input type="checkbox" id="Field_3" name="Field_3" value="3" />something3</label>
<label><input type="checkbox" id="Field_4" name="Field_4" value="4" />something4</label>
<label><input type="checkbox" id="Field_5" name="Field_5" value="5" />something5</label>
<label><input type="checkbox" id="Field_6" name="Field_6" value="6" />something6</label>
</div>
<button type="button" onClick="validateMyForm()">Send This form</button
但即使我不检查6个选项中的一个,我仍然会得到它的原始值,即变量
val1 -> 1
val2 -> 2
val3 -> 3
val4 -> 4
val5 -> 5
val6 -> 6
始终具有相同的值
那么,我如何知道用户何时选中或未选中其中一个选项
非常感谢您可能正在寻找
$(“#Field_1”)。is(':checked')
您可能正在寻找$(“#Field_1”)。is(':checked')
请尝试:
$( "#Field_1").prop( "checked" )
选中时将返回True尝试:
$( "#Field_1").prop( "checked" )
选中时将返回True您可以将复选框元素列成一个数组,然后使用for循环遍历每个元素,以警告是否选中了复选框。我使用document.getElementById以获得更清晰的视觉效果
<script type="text/javascript">
<!--
function validateMyForm(){
chexBx=new Array();
chexBx[1]=document.getElementById("Field_1");
chexBx[2]=document.getElementById("Field_2");
chexBx[3]=document.getElementById("Field_3");
chexBx[4]=document.getElementById("Field_4");
chexBx[5]=document.getElementById("Field_5");
chexBx[6]=document.getElementById("Field_6");
for(i=1;i<=6;i++){
if(chexBx[i].checked){
x=chexBx[i].value;
alert("box "+i+" was checked with the value of "+x);
}
if(!chexBx[i].checked){
alert("box "+i+" was not checked");
}
}
}
-->
</script>
您可以将复选框元素列成一个数组,然后使用for循环遍历每个元素,以警告是否选中了复选框。我使用document.getElementById以获得更清晰的视觉效果
<script type="text/javascript">
<!--
function validateMyForm(){
chexBx=new Array();
chexBx[1]=document.getElementById("Field_1");
chexBx[2]=document.getElementById("Field_2");
chexBx[3]=document.getElementById("Field_3");
chexBx[4]=document.getElementById("Field_4");
chexBx[5]=document.getElementById("Field_5");
chexBx[6]=document.getElementById("Field_6");
for(i=1;i<=6;i++){
if(chexBx[i].checked){
x=chexBx[i].value;
alert("box "+i+" was checked with the value of "+x);
}
if(!chexBx[i].checked){
alert("box "+i+" was not checked");
}
}
}
-->
</script>