使用隐藏字段选择全部/无答案

【问题标题】：select all/none using hidden fields not quite working使用隐藏字段选择全部/无
【发布时间】：2012-03-30 14:46:53
【问题描述】：

我正在尝试使用表单中的隐藏字段来传递状态选择而不是复选框，以便我可以稍微改进 ui 并且不必处理繁琐的复选框字段到经典 asp 服务器页面的发布。

我在这里创建了一个测试示例来说明我正在尝试做的事情：jsFiddle example of problem

我正在使用 div 的 2 字符状态文本值来更新隐藏字段的值。当我点击全选链接时，我正在检查“#statesTX”的值，期望它是“TX”，但发现它包含每个 div 的所有文本值。

有没有办法让选择所有链接以更新每个隐藏字段及其各个父 div 的文本值？

【问题讨论】：

标签： jquery select hidden-field

【解决方案1】：

检查下面的代码，看看这是不是你想要的，

DEMO

var $boxes = $('.boxes');

$('#lightall').click(function() {
    $boxes.each(function () {
        $(this).find('input[type=hidden]').val($(this).text());
    });
    $boxes.addClass('lights');
    alert('statesAL: ' + $('#statesAL').val());
});

$('#lightnone').click(function() {
    $('.boxes input[type=hidden]').val('');
    $boxes.removeClass('lights');
    alert('statesTX: ' + $('#statesTX').val());
});

【讨论】：

SO 土地上的你们真是太棒了。效果很好！我很欣赏你的样子和答案！

【解决方案2】：

是的，有一种方法可以将每个文本更新为其父文本：

$('input[type=hidden]').each( function() {
   $(this).val($(this).parent().text()); 
});

【讨论】：