Jq jsp layui 使用 select option input[checkbox] 赋值后没有变化

Roottt_

于 2023-02-17 15:28:21 发布

阅读量421

点赞数

文章标签： layui javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_43896125/article/details/129087895

版权

文章展示了如何使用JavaScript和layui框架来改变HTML元素的状态，具体是将ID为switchCheck的checkbox设为选中并把ID为base_status的select选项设置为1（运行状态）。然而，简单的赋值操作可能不会立即更新页面视图，因此需要调用layui的form模块进行重新渲染，确保界面与数据同步。

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

$("input[id='switchCheck']")[0].checked =true;
$("#base_status").val("1");

<select id="base_status" placeholder="请选择状态"  autocomplete="off">
   <option value="" selected="selected">请选择</option>
   <option value="0">停止</option>
   <option value="1">运行</option>
</select>
 <input type="checkbox" id="switchCheck" name="codeSwitch" lay-skin="switch"  lay-filter="switchBox"  lay-text="开机|关机" >

在这里插入图片描述

使用简单赋值后发现页面没有变化
使用layui，需要重新渲染

 layui.use('form', function(){
    var form = layui.form;
    form.render();
      form.render('checkbox');
  });