javascript 如何在尴尬的情况下获取复选框的值

wn9m85ua 于 2023-01-08 发布在 Java

关注(0)|答案(4)|浏览(126)

我有这些笨拙的复选框，不幸的是，由于一些其他的编码原因，我不能重命名它们。我怎样才能得到选中复选框的值？

<tr> 
   <td align=left colspan=6>
      <table border="0">
         <tr>
           <td><font class="body_text"> windows:  <input name="pro1" id="products0" type="checkbox" value="5" test="5"></td>
           <td><font class="body_text">  cpu:      <input name="pro2" id="products1" type="checkbox" value="2" test="2"></td>
           <td><font class="body_text">  keyboard: <input name="pro3" id="products2" type="checkbox" value="3" test="3"></td>
           <td><font class="body_text">  mouse:    <input name="pro4" id="products3" type="checkbox" value="4" test="4"></td>
         </tr>

我正在使用以下代码，该代码在alert中返回undefined：

if(document.form.pro1.checked) 
     alert(document.getElementById('products0').value);

JavaScript

来源：https://stackoverflow.com/questions/4623347/how-to-get-the-value-of-check-box-in-awkward-situation

4条答案

按热度按时间

4dc9hkyq1#

是不是有什么原因你不能

alert(document.form.pro1.value);

赞(0）回复(0）举报 2023-01-08

9w11ddsr2#

为什么不使用jQuery来获取这些值呢？

$(document).ready(function () {
    var checkboxValues = Array();

    $("form#idOfForm").submit(function () {
        $("form input:checkbox:checked").each(function () {
            checkboxValues.push($(this).val()); // alternative use checkboxValues.push($(this).attr("value")); if this doesn't work
        });
    });
});

确保首先包含jQuery库。

赞(0）回复(0）举报 2023-01-08

gcuhipw93#

假设您只有4个复选框，并且它们的ID都以“products”开头

var cboxId =  'products';

for(var i=0;i<4;i++){

   if (document.getElementById(cboxId +i).checked == true){ <br>
        // add to some array or call some functions to do checked processing 
   }

}

赞(0）回复(0）举报 2023-01-08

r8xiu3jd4#

给予你的内桌一个ID然后...

myTable=document.getElementById('mytable');
var inputArray=myTable.getElementsByTagName('input');
for(var i=0;i<inputArray.length;i++){
    if(inputArray[i].type=='checkbox' && inputArray[i].checked==true){
    alert(inputArray[i].value);
}
    }

赞(0）回复(0）举报 2023-01-08

我来回答

javascript 如何在尴尬的情况下获取复选框的值

4条答案

相关问题

热门标签

最新问答