如何获取所有单选按钮及其文本框值? [英] How do I get all radio buttons and their textbox values?

查看:68
本文介绍了如何获取所有单选按钮及其文本框值?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

描述:在表单上出现带有文本框的单选按钮。他们的count =您在文本框中输入的计数。在test.php文件中我需要获取所有单选按钮及其文本框值,无所谓 - 已选中,未选中单选按钮状态

错误是我只获取最新值radiobutton和文本框。我没有看到以前的radiobuttons和文本框的值。



Description: On the form appears radio buttons with textboxes. Their count = count that you entered in textbox. In test.php file I need get all radio buttons and their textbox values, it does not matter - checked, unchecked radio buttons state
Error is that I get only the most recent values of radiobutton and textbox. I do not see values of previous radiobuttons and textboxes.

<!doctype html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
// serialize() will get all data from form with id "myform" and store it in data variable, that will be sent to test.php page.
function getnewElementID()
{
    var elementID = 0;
    if($(".form-element").length > 0)
        elementID = $(".form-element").length;
    return elementID;
}
$(document).ready(function() {
        $('#ok1').click(function () {
        var n = $('#box1').val();
        var index = 0;
        var newElementID = getnewElementID();

        if($(".RadioDiv").length > 0)
        index = $(".RadioDiv").length;

        var newElement = "<div class='RadioDiv form-element'><input type='hidden' name='RadioElements["+newElementID+"]' value='radiogroup'/>\n<input  type='text' size='50' name='RadioElementsQueations["+newElementID+"]'  placeholder='question...' >";

        for (var i=1;i<=n;i++)

        {

            newElement+="<ol><input type='radio' name='RadioElementsValues["+newElementID+"]' value='radio_"+index+"' for='RadioElementsValuesText["+newElementID+"]'>\n\<input type='text' id='radtext' name='RadioElementsValuesText["+newElementID+"]'  size='30' value='choice.."+index+"' ></ol>";
        index++;
        }

    newElement+="</div>";
    $("#myForm").append(newElement);
});});



    $(document).ready(function() {
        $('#submit').click(function () {

         var data = $("#myForm").serialize();

         if($('input[type="radio"]:checked').length == "0") {
              alert("Select any value");
         } else {
                $.post (
                    "test.php",
                     data,
                     function (response) {
                     $('#message').html(response);
                     }
                );
        }
        return false;
        });

    });

</script>

</head>
<body>
    <form id ="myForm" action="test.php">
        <label>Select your favourite Activities:</label><br/>
        <input type="button" name="ok" value="ok" id="ok1">
        <input type="text" value="" id="box1" name="count" size="1"><br/>
        <input type="submit" id="submit"/> <br/>
    </form>
<div id="message"></div>

</body>
</html>











test.php






test.php

<?php

    var_dump($_POST);



    $elements = $_POST['RadioElementsValuesText'];

    if(is_array($elements));

    $astring = implode("<br/>", $elements);
    echo "Choices: ". $astring."<br/>";
?>

推荐答案

(。form-element)。length> 0)
elementID =
(".form-element").length > 0) elementID =


(。form-element)。length;
返回elementID;
}
(".form-element").length; return elementID; }


(document).ready(function(){
(document).ready(function() {


这篇关于如何获取所有单选按钮及其文本框值?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆