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

hqmln

于 2011-06-20 18:15:35 发布

阅读量261

点赞数

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   //取到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);
    });