jQuery 更复杂的toggle()（禁用+fadeIn）

发布于 2024-12-08 15:36:20 字数 572 浏览 0 评论 0原文

我有一个表单，里面有一个 div。
我想在“选中”时禁用输入
并同时淡入 0.3 div 内的标签...
否则
启用输入并同时淡入 1 标签...

$("#toggleElement").click(function() {
if ($("#toggleElement").is(":checked")) {
     $('#elementsToOperateOn :input').removeAttr('disabled');

     $("#elementsToOperateOn").fadeTo("slow", 0.99);
  } else {
    $('#elementsToOperateOn :input').attr('disabled', true);
    $('#elementsToOperateOn :input').attr('checked', false);
    $('#elementsToOperateOn :input').attr('value', '');

    $("#elementsToOperateOn").fadeTo("slow", 0.33);
  }
});

原文

I have a form with a div inside it.
I want to disable the the inputs when "checked"
and simultaneously fadeIn 0.3 the labels inside div...
else
enabling the inputs and simultaneously fadeIn 1 the labels...

$("#toggleElement").click(function() {
if ($("#toggleElement").is(":checked")) {
     $('#elementsToOperateOn :input').removeAttr('disabled');

     $("#elementsToOperateOn").fadeTo("slow", 0.99);
  } else {
    $('#elementsToOperateOn :input').attr('disabled', true);
    $('#elementsToOperateOn :input').attr('checked', false);
    $('#elementsToOperateOn :input').attr('value', '');

    $("#elementsToOperateOn").fadeTo("slow", 0.33);
  }
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

述情 2024-12-15 15:36:20

好的，我发现它对我有用，如下

function toggleStatus() {
if ($('#toggleElement').is(':checked')) {
     $('#elementsToOperateOn :input').removeAttr('disabled');
    $('#elementsToOperateOn').fadeTo('slow', 1);

} else {
    $('#elementsToOperateOn :input').attr('disabled', true);
    $('#elementsToOperateOn :input').attr('checked', false);
    $('#elementsToOperateOn :input').attr('value', '');
    $('#elementsToOperateOn').fadeTo('slow', 0.4);

 }

}

OK, I figured it out it works to me as follows

function toggleStatus() {
if ($('#toggleElement').is(':checked')) {
     $('#elementsToOperateOn :input').removeAttr('disabled');
    $('#elementsToOperateOn').fadeTo('slow', 1);

} else {
    $('#elementsToOperateOn :input').attr('disabled', true);
    $('#elementsToOperateOn :input').attr('checked', false);
    $('#elementsToOperateOn :input').attr('value', '');
    $('#elementsToOperateOn').fadeTo('slow', 0.4);

 }

}

回复收藏 0 原文

~没有更多了~