gpt4 book ai didi

javascript - 如何通过单击单选按钮将值发送到隐藏的表单字段

转载 作者:行者123 更新时间:2023-11-30 12:59:57 25 4
gpt4 key购买 nike

在这个表单中,我有两个单选按钮,如果我选择任何单选按钮(书籍或非书籍),该值应该发送给隐藏的表单字段,即如果我选择书籍,那么隐藏字段值应该是 1,如果我选择非-book 隐藏字段值应为 2。我如何通过使用 jquery 或动态使用 jsp 来做到这一点

1.之前我在单独的 div 标签中保留了两个表单,每个标签都隐藏了表单字段,我是切换,就像如果我选择书籍,表单将使用隐藏值 1 提交,但如果我选择非书籍,它会发送空值。

  1. 实际上,在书籍形式和非书籍形式中,几乎所有字段都相同,但只有隐藏值会有所不同(因为为了知道用户选择的是书籍还是非书籍),但现在我想保持单一形式以不同的隐藏值提交(在上面的表格中,为了简单起见,删除了很多字段,如果这段代码有错误的逻辑,我们深表歉意)
    这是我的代码

    <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
    <script type="text/javascript">

    $(function() {

    $("[name=toggler]").click(function(){
    $('.toHide').hide();
    $("#blk-"+$(this).val()).show('slow');
    $('input[name=hiddenInput]').val(theValue);
    });
    });


    </script>
    </head>
    <body>



    <label><input id="rdb1" type="radio" name="toggler" value="1" />Book</label>
    <label><input id="rdb2" type="radio" name="toggler" value="2" />Non-Book</label>




    <div id="blk-1" class="toHide" style="display:none">

    <form action="Sample">

    <input type="hidden" value="" name="hiddenInput" />

    Enter Item Name:<input type="text" name="name">
    <input type="submit" name="submit">

    </form>

    </div>

    提前致谢...!

最佳答案

希望对你有帮助:

http://jsfiddle.net/9BrFs/

$(document).ready(function(){
$('#rdb1').click(function(){
$('#hdn').val('1');
});

$('#rdb2').click(function(){
$('#hdn').val('2');
});

// ONLY to test the hidden value
$(':submit').click(function(){
alert($('#hdn').val());
return false;
});
});

关于javascript - 如何通过单击单选按钮将值发送到隐藏的表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17568186/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com