获取选中复选框显示名称

Question

我有一组复选框：

<input type="checkbox" value="111" name="checkbox"  id="1">india
<input type="checkbox" value="121" name="checkbox" id="21">pak
<input type="checkbox" value="131" name="checkbox" id="31">china
<!-- ... -->
<input type="checkbox" value="141" name="checkbox" id="10">srilanka

我想获取已检查复选框的显示名称，如ifia，pak ...我尝试使用下面的代码，它给出了值111,121，....

    field= document.form.checkbox;
     for(var i=0; i < field.length; i++)
                       {  

                       if(document.getElementById(i).checked==true)
                         Cities+=document.classifiedForm.checkbox[i].value + ",";



                        } 

Answer 1

您可以在复选框中设置其他一些其他属性作为国家/地区的名称，我认为您可以将其设置为类，

<input type="checkbox" value="111" class="India"  id="1">india
<input type="checkbox" value="121" class="Pak" id="21">pak

并在javascript中，

field= document.form.checkbox;
 for(var i=0; i < field.length; i++)
     {  

       if(document.getElementById(i).checked==true)
               Cities+=document.classifiedForm.checkbox[i].getAttribute("class")+ ",";

    }