Question

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

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

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

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

Answer 1

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

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

Answer 2

检查以下代码，看看这是否是您想要的，

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

使用不完整工作的隐藏字段选择all / none

2 个答案: