通过JavaScript获取表单值

这是我的HJTML代码。我不知道如何使用JavaScript获取存储在

filtertime[]

中的值，并使它们显示在我的屏幕上

   <form action="index.php" method="post" >

    <div class="col-lg-6"><div class="f-txt-l"><input id="test" type="checkbox" name="filtertime[]" class="morning" value="Morning"></div> <div class="f-txt-r">Morning</div></div>
     <div class="col-lg-6"><div class="f-txt-l"><input  id="test" type="checkbox" name="filtertime[]" class="morning" value="Afternoon"></div> <div class="f-txt-r">Afternoon</div></div>
     <div class="col-lg-6"><div class="f-txt-l"><input  id="test" type="checkbox" name="filtertime[]" class="morning" value="Evening"></div> <div class="f-txt-r">Evening</div></div>
     <div class="col-lg-6"><div class="f-txt-l"><input  id="test" type="checkbox" name="filtertime[]" class="morning" value="Night"></div> <div class="f-txt-r">Night</div></div>

     <div class="col-lg-12"><input type="submit" name="button" class="apply-filter" value="Apply Filter"></div>


        </form>


   <script>
   var new =  document.getElementsById("test").innerhtml
   </script>

早晨
下午
傍晚
夜
var new=document.getElementsById（“测试”）.innerhtml

---

如何通过将值存储在数组中作为

filtertime[]

获取JavaScript中的输入值？

这是获取表单项数组的最简单方法

 var arrValues = [];
 for (var x =0; x < document.getElementsByClassName("morning").length ; x++)
 {
   arrValues.push(document.getElementsByClassName("morning")[x].checked);
 }

var arrValues=[]；
for（var x=0；x

这是获取表单项数组的最简单方法

 var arrValues = [];
 for (var x =0; x < document.getElementsByClassName("morning").length ; x++)
 {
   arrValues.push(document.getElementsByClassName("morning")[x].checked);
 }

var arrValues=[]；
for（var x=0；x

试试看

以你的形式

<form action="index.php" id="myform" method="post" >

通过

JS

var params = '';
for( var i=0; i<document.FormName.elements.length; i++ )
{
   var fieldName = document.FormName.elements[i].name;
   var fieldValue = document.FormName.elements[i].value;

   // use the fields, put them in a array, etc.

   // or, add them to a key-value pair strings, 
   // as in regular POST

   params += fieldName + '=' + fieldValue + '&';
}

var参数=”；
对于（var i=0；itry

以你的形式

<form action="index.php" id="myform" method="post" >

通过
JS

var params = '';
for( var i=0; i<document.FormName.elements.length; i++ )
{
   var fieldName = document.FormName.elements[i].name;
   var fieldValue = document.FormName.elements[i].value;

   // use the fields, put them in a array, etc.

   // or, add them to a key-value pair strings, 
   // as in regular POST

   params += fieldName + '=' + fieldValue + '&';
}

var参数=”；
对于（var i=0；i在
表单中添加
id

<form action="index.php" id="form_name" method="post" >

注意：-只有在表单中没有选择或文本区域时，上述代码才有效

如果您在DOM元素中指定了
id
，如下所示

<input type="text" name="name" id="uniqueID" value="value" />

如果表单中有单选按钮，请使用以下代码：-

<input type="radio" name="radio_name" value="1" > 1
<input type="radio" name="radio_name" value="0" > 0<br>

1
0


Javascript:-

var nameValue = document.getElementById("uniqueID").value;

var radios = document.getElementsByName('radio_name');

for (var i = 0, length = radios.length; i < length; i++) {
    if (radios[i].checked) {
        // do whatever you want with the checked radio
        alert(radios[i].value);

        // only one radio can be logically checked, don't check the rest
        break;
    }
}

var radios=document.getElementsByName（'radio_name'）；
对于（变量i=0，长度=radios.length；i

希望它能帮助您：）
在您的
表单
标签中添加
id

<form action="index.php" id="form_name" method="post" >

注意：-只有在表单中没有选择或文本区域时，上述代码才有效

如果您在DOM元素中指定了
id
，如下所示

<input type="text" name="name" id="uniqueID" value="value" />

如果表单中有单选按钮，请使用以下代码：-

<input type="radio" name="radio_name" value="1" > 1
<input type="radio" name="radio_name" value="0" > 0<br>

1
0


Javascript:-

var nameValue = document.getElementById("uniqueID").value;

var radios = document.getElementsByName('radio_name');

for (var i = 0, length = radios.length; i < length; i++) {
    if (radios[i].checked) {
        // do whatever you want with the checked radio
        alert(radios[i].value);

        // only one radio can be logically checked, don't check the rest
        break;
    }
}

var radios=document.getElementsByName（'radio_name'）；
对于（变量i=0，长度=radios.length；i

希望它能对您有所帮助：）
要做到这一点，最简单的方法是在“上午”课上选择所有输入，之后，如果选中，请查看每个输入：

    var item = document.getElementsByClassName("morning"); // get all checkbox
    var checkboxesChecked = []; // result array with ckecked ckeckbox

    for (var i=0; i<item.length; i++) {
         // if is checked add the value into the array
         if (item[i].checked) {
            checkboxesChecked.push(item[i].value);
         }
    }


    console.log(checkboxesChecked);

var item=document.getElementsByClassName（“晨”）；//“全部获取”复选框
var checkboxesChecked=[]；//带有ckeckbox的结果数组
对于（var i=0；i要做到这一点，最简单的方法是在“上午”类中选择所有输入，然后在选中“foreach look if”后选择：

    var item = document.getElementsByClassName("morning"); // get all checkbox
    var checkboxesChecked = []; // result array with ckecked ckeckbox

    for (var i=0; i<item.length; i++) {
         // if is checked add the value into the array
         if (item[i].checked) {
            checkboxesChecked.push(item[i].value);
         }
    }


    console.log(checkboxesChecked);

var item=document.getElementsByClassName（“晨”）；//获取所有复选框
var checkbox checked=[]；//带有cked checkbox的结果数组
对于（var i=0；i显示您迄今为止尝试过的代码。顺便说一句，您的所有输入都具有相同的id。id应该是唯一的。我尝试过但不起作用，所以我想知道如何存储它。我正在数组中存储数据，为什么要使用不同的id显示您迄今为止尝试过的代码。好的，等等，让我将它显示在您迄今为止尝试过的代码上。顺便说一句，您的所有输入都有相同的id。id应该是唯一的。我已经尝试过了，但不起作用，所以我想知道如何存储iti我正在数组中存储数据，所以为什么需要不同的id向我们展示您迄今为止尝试过的代码。好吧，等一下，让我把它打开，但我想用javascript…我知道用jquerry bro，但我想用javascript…我知道用jquerry bro