从几个文本框中读取值并通过jQuery提醒值

时间:2018-04-10 13:44:08

标签: jquery

当我点击“btnButton”时,我需要输入fileds(Value One,Value Two,Value Three和Value 4)中的所有值循环并通过jquery中的alert函数表示。

* * * * * php /var/www/html/yourprojectname/artisan schedule:run >> /dev/null 2>&1

3 个答案:

答案 0 :(得分:2)

您可以在表单中提供的所有输入类型的文本框中使用$.each函数,并像这样提醒他们

$('#MainContent_btnButton').click(function(){
var alltextBoxMessages = "";
  $('input[type=text]').each(function(){
  alltextBoxMessages = alltextBoxMessages + " " + $(this).val();   
  }); 
   alert(alltextBoxMessages);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table cellspacing="0" cellpadding="4" id="MainContent_gvAllValues" style="color:#333333;border-collapse:collapse;">
            <tr style="color:White;background-color:#507CD1;font-weight:bold;">
                <th scope="col"vAllValues</th>
            </tr><tr style="background-color:#EFF3FB;">
                <td>

                            <input name="ctl00$MainContent$gvAllValues$ctl02vAllValues" type="text" value="RR Value One" id="MainContent_gvAllValues_0" />

                        </td>
            </tr><tr style="background-color:White;">
                <td>

                            <input name="ctl00$MainContent$gvAllValues$ctl03vAllValues" type="text" value="RR Value Two" id="MainContent_gvAllValues_1" />

                        </td>
            </tr><tr style="background-color:#EFF3FB;">
                <td>

                            <input name="ctl00$MainContent$gvAllValues$ctl04vAllValues" type="text" value="RR Value Three" id="MainContent_gvAllValues_2" />

                        </td>
            </tr><tr style="background-color:White;">
                <td>

                            <input name="ctl00$MainContent$gvAllValues$ctl05vAllValues" type="text" value="RR Value Four" id="MainContent_gvAllValues_3" />

                        </td>
            </tr>
        </table>
    </div>
            <br />
        <br />
        <br />
        <input type="submit" name="ctl00$MainContent$btnButton" value="Button" id="MainContent_btnButton" />

答案 1 :(得分:0)

Try This ,Its Working fine.
html:
<input type="submit" name="ctl00$MainContent$btnButton" value="Button" id="MainContent_btnButton" onclick="ClickFunction()" />


//javascript
   function ClickFunction() {
            for (i = 0; i < 4; i++) {
                alert($('#MainContent_gvAllValues_'+i+'').val());
            }
        }

答案 2 :(得分:0)

首先,将功能添加到提交按钮

<input type="submit" name="ctl00$MainContent$btnButton" value="Button" id="MainContent_btnButton" onclick="func()" />

创建JS并循环变量

 <script type="text/javascript">
        function func() {
            for (i = 0; i < 4; i++) {
                alert(document.getElementById('MainContent_gvAllValues_'+i).value);
            }

        }
    </script>