使用条件判断巧妙的初始化

最新推荐文章于 2025-01-06 21:01:54 发布

最新推荐文章于 2025-01-06 21:01:54 发布 · 271 阅读

本文介绍了一个简单的JavaScript代码片段，用于处理网页表单中的checkbox状态变化。当用户勾选或取消勾选checkbox时，此代码能够相应地改变页面元素的样式，并启用或禁用相关的输入字段。

   //取到checkbox
    var newsletter = $("#newsletter");
    // 判断checkbox是否选中
    var inital = newsletter.is(":checked");
   //通过 inital值来判断调用removeClass和addClass方法
    var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");
   //通过 inital值来判断 topics的input可用与不可用
    var topicInputs = topics.find("input").attr("disabled", !inital);
    // 当checkbox点击可来判断是否可用
    newsletter.click(function() {
        topics[this.checked ? "removeClass" : "addClass"]("gray");
        topicInputs.attr("disabled", !this.checked);
    });