如何通过单击单选按钮将值发送到隐藏表单域

在这种形式中，我有两个单选按钮，如果我选择任何单选按钮（书或非书）值应发送隐藏表单字段，即如果我选择那么隐藏的字段值应该是1，如果我选择非书隐藏字段的值应该是2.我怎么能通过使用jQuery或动态使用jsp这样做如何通过单击单选按钮将值发送到隐藏表单域

1.在我将两个表单分开div标签与每个隐藏的表单字段，我是切换，就像如果我选择书的形式是提交隐藏值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>

在此先感谢...！

来源

2013-07-10 Rajesh Hatwar

希望这有助于你：

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

来源

2013-07-10 10:33:33 anmarti

感谢乌拉圭回合的答案... –

到两个单选按钮给相同的类名，并给予id来隐藏字段

<script type="text/javascript"> 

    $(document).ready(function() { 

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

来源

2013-07-10 10:29:00

感谢您的解决方案，它工作正常 –

设置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/

来源

2013-07-10 10:50:22

如何通过单击单选按钮将值发送到隐藏表单域

回答

相关问题