单击,隐藏div并删除所需的属性

时间:2013-02-15 02:23:21

标签: jquery html5 input attributes

我的表单可以显示在不同的页面上,根据具体情况,并不总是需要这些字段。

我有隐藏div的代码,但不再需要输入字段。使用HTML5必需属性。无法使代码工作。代码如下:

$('#detailssame').click(function() {
    if($(this).is(':checked')) {
        $(\"#detailssamehide\").hide();
    } else {
        $(\"#detailssamehide\").show();
    }               
});
$('.fullboxform input[type=text], .fullboxform select').each(function() {
            $(this).removeAttr('required');
});

非常感谢所有帮助。

结果证明上面的代码确实可以正常工作,但使用prop

可以选择其他答案

2 个答案:

答案 0 :(得分:6)

尝试使用prop()功能设置HTML5属性。

$(function () {
    $('#detailssame').click(function() {
        var checked = $(this).is(':checked');
        if(checked) {
            $("#detailssamehide").hide();
        } else {
            $("#detailssamehide").show();
        }     
        $('.fullboxform input[type=text], .fullboxform select').each(function() {
            $(this).prop('required', !checked);
        });
    });
});

http://jsfiddle.net/ThsXU/

答案 1 :(得分:1)

删除反斜杠足以让我以合适的效果运行代码。