复选框选中javascript时,将值分配给隐藏字段 [英] assign value to hidden field when checkbox checked javascript

查看:78
本文介绍了复选框选中javascript时,将值分配给隐藏字段的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

当我从页面中选中任何复选框时,我需要将值存储在隐藏的文本字段中

    <input type="checkbox" name="checked1" value="checked1" onselect="getvalue()">
<input type="checkbox" name="checked1" value="checked2" onselect="getvalue()">
<input type="checkbox" name="checked1" value="checked3" onselect="getvalue()">

当我将任何一个复选框存储到以下隐藏字段中时:

<input type="hidden" />

解决方案

使用jquery,并假设您为隐藏的输入提供了ID(此处为"myhidden"),则可以执行以下操作:

$('input[type="checkbox"]').change(function(){
    $('#myhidden').val($(this).val());
});

这个小提琴演示了它: http://jsfiddle.net/dystroy/e6jpG/

I need to store the values in the hidden text field when I select any check box from the page

    <input type="checkbox" name="checked1" value="checked1" onselect="getvalue()">
<input type="checkbox" name="checked1" value="checked2" onselect="getvalue()">
<input type="checkbox" name="checked1" value="checked3" onselect="getvalue()">

When I any of the check box that will store into below hidden field:

<input type="hidden" />

解决方案

Using jquery, and assuming you gave an id (here "myhidden") to your hidden input, you can do this :

$('input[type="checkbox"]').change(function(){
    $('#myhidden').val($(this).val());
});

This fiddle demonstrates it : http://jsfiddle.net/dystroy/e6jpG/

这篇关于复选框选中javascript时,将值分配给隐藏字段的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

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