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

【问题标题】：How to send values to hidden form field by clicking on radio button如何通过单击单选按钮将值发送到隐藏的表单字段
【发布时间】：2013-07-08 05:42:36
【问题描述】：

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

1.之前我将两个表单保存在单独的 div 标签中，每个标签上都有隐藏的表单字段，我是切换，就像如果我选择 book 表单正在提交隐藏值 1 但如果我选择 non book 它发送空值。

实际上，在书籍形式和非书籍形式中，所有大多数字段都是相同的，但只有隐藏值会有所不同（因为为了知道用户选择书籍还是非书籍）但现在我想保留单个表单提交不同的隐藏值（在上面的表格中，为了简单起见，删除了很多字段，对不起，如果这段代码有错误的逻辑）
这是我的代码

<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>

在此先感谢...！

【问题讨论】：

标签： javascript jquery html jsp-tags

【解决方案1】：

为两个单选按钮赋予相同的类名，并将 id 赋予隐藏字段

 <script type="text/javascript">

   $(document).ready(function() {

     $(".toggle").click(function(){
       $('.toHide').hide();
       var text = $(this).val();
       $('#hdnfield').val(text);
    });
  });
 </script>

【讨论】：

【解决方案2】：

希望对您有所帮助：

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;
   });
});

【讨论】：

【解决方案3】：

设置隐藏元素的id，然后你可以使用以下代码：

$("[name=toggler]").click(function(){
        var theValue = jQuery(this).val();
         // Here 'radio_elem' is the ID of hidden element
         $('#radio_elem').val(theValue);
});
$(':submit').click(function(){
    console.log( $('#radio_elem').val());    

});

这里是 js 小提琴：http://jsfiddle.net/XVVmE/

【讨论】：