用js实现$('input[type="radio"].option-radio[value="1"]').filter(':radio').prop('checked', true)

在JavaScript中，可以使用以下代码实现与您提供的jQuery代码相同的功能：

const radioBtn = document.querySelector('input[type="radio"].option-radio[value="1"]');
radioBtn.checked = true;

这样，选中的单选按钮就会被选中。

相关问题

用js实现jquery代码的$('input[type="radio"].option-radio[value="1"]').filter(':radio').prop('checked', true)

以下是使用纯JavaScript实现与您提供的jQuery代码相同的功能：

const radios = document.querySelectorAll('input[type="radio"].option-radio[value="1"]');
radios.forEach(radio => {
  if (radio.type === 'radio') {
    radio.checked = true;
  }
});

首先，使用`document.querySelectorAll()`方法来获取所有值为1的单选按钮。然后使用`forEach()`方法遍历每个单选按钮，如果该按钮的类型是单选按钮，则将其选中。

解释一下代码：<el-table-column v-if="it.type" :key="idx" :label="it.val" :type="it.type" :width="it.width" :min-width="it.minWidth" :align="it.align" ></el-table-column> <el-table-column v-else :key="idx" :label="it.val" :prop="it.key" :align="it.align || 'center'" :fixed="it.fixed" :width="it.width" :min-width="it.minWidth" :filters="it.filter" :filter-method="it.filterMethod" :sortable="it.sort" :show-overflow-tooltip="true" >

这是一个使用了 element-ui 组件库中的表格组件 el-table 的列设置。这段代码包含了两个 <el-table-column> 组件，通过 v-if 和 v-else 进行条件渲染，分别对应两种不同的列类型：

1. 当 it.type 存在时，渲染一个具有类型的表格列，其中：

- :label="it.val" 设置列的标题为 it.val 的值；
- :type="it.type" 设置列的类型为 it.type 的值；
- :width="it.width" 设置列的宽度为 it.width 的值；
- :min-width="it.minWidth" 设置列的最小宽度为 it.minWidth 的值；
- :align="it.align" 设置列的对齐方式为 it.align 的值。

2. 当 it.type 不存在时，渲染一个具有属性的表格列，其中：

- :label="it.val" 设置列的标题为 it.val 的值；
- :prop="it.key" 设置列的字段名为 it.key 的值；
- :align="it.align || 'center'" 设置列的对齐方式为 it.align 的值或者默认为 center；
- :fixed="it.fixed" 设置列是否固定；
- :width="it.width" 设置列的宽度为 it.width 的值；
- :min-width="it.minWidth" 设置列的最小宽度为 it.minWidth 的值；
- :filters="it.filter" 设置列的筛选条件为 it.filter 的值；
- :filter-method="it.filterMethod" 设置列的筛选方法为 it.filterMethod 的值；
- :sortable="it.sort" 设置列是否可排序；
- :show-overflow-tooltip="true" 设置列内容是否显示 tooltip 提示。