html单选按钮怎么修改回显,单选按钮radio和下拉选择select,ajax返回数据回显对应值...

html页面:

性 别:

证件类型:

js:

ajax传id返回该条id的数据

if(data.data.PATIENT_SEX==0){

$("#boy").attr(‘checked‘, ‘checked‘);

}else{

$("#gil").attr(‘checked‘, ‘checked‘);

}

$("#patientCardType selected:").val(data.data.CARD_TYPE);

获取radio值:

var sex=$("input[type=‘radio‘]:checked").val();

获取select的value值:

var cardType=$("#patientCardType").val();

获取select的html值:

var cardName=$("#patientCardType option:selected").html();

原文:https://www.cnblogs.com/fanting/p/9353756.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: elementui单选框radio回显可以通过v-model绑定一个变量来实现。当选中某个单选框时,该变量的会被更新,从而实现回显。例如: <template> <div> <el-radio v-model="radio" label="1">选项一</el-radio> <el-radio v-model="radio" label="2">选项二</el-radio> <el-radio v-model="radio" label="3">选项三</el-radio> <p>你选择的是:{{radio}}</p> </div> </template> <script> export default { data() { return { radio: '1' } } } </script> 在上面的代码中,我们通过v-model绑定了一个名为radio的变量,并将其初始设置为'1'。当用户选中某个单选框时,radio会被更新,从而实现回显。最后,我们通过{{radio}}来展示用户选择。 ### 回答2: elementui单选框radio回显是指在用户进行单选框选择后,重新加载页面时,界面能够显示上一次的选择结果,即将已经选中的单选框标记为选中状态。这是许多网站和应用程序中都需要的一个基本功能。 在elementui中实现单选框radio回显的方法很简单。首先,我们需要在Vue组件中声明一个data变量,用于存储用户选择的单选框的。在页面加载时,我们需要将该变量初始化为一个默认。例如,如果单选框有两个选项,我们可以将变量初始化为第一个选项的。 然后,在单选框组件中,我们需要将该变量绑定到v-model属性中,这样当用户选择单选框时,Vue会自动更新data变量的。例如,如果我们将data变量命名为selected,可以将单选框组件代码成如下形式: ``` <el-radio v-model="selected" label="option1">Option 1</el-radio> <el-radio v-model="selected" label="option2">Option 2</el-radio> ``` 最后,在页面加载时,我们需要使用mounted函数,将页面的data变量初始化为上一次选择。例如,如果我们使用localStorage来存储上一次选择,我们可以在mounted函数中入如下代码: ``` mounted() { this.selected = localStorage.getItem('selectedOption') } ``` 这样,在页面加载时,Vue会自动调用mounted函数,将data变量初始化为上一次选择。如果用户选择了其他选项,Vue会自动更新data变量的,并将其存储在localStorage中,以备下次使用。 总之,elementui单选框radio回显是一个基本的功能,可以通过简单的数据绑定和localStorage来实现。开发人员需要注意,在使用localStorage存储数据时要注意安全性和隐私保护。 ### 回答3: elementui 单选框 radio 组件是很常用的表单控件,通常我们在做表单提交的时候需要将用户选择回显到表单中,以便用户确认是否选择了正确的选项。下面我来分享一下如何使用 elementui 的 radio 组件实现回显功能。 首先我们需要在表单中预先渲染出 radio 组件,比如: ```html <el-form-item label="性别"> <el-radio-group v-model="form.gender"> <el-radio label="男"></el-radio> <el-radio label="女"></el-radio> </el-radio-group> </el-form-item> ``` 这里我们定义了一个 `v-model` 为 `form.gender` 的 radio-group,用户选择将会被存储在 `gender` 中。 接下来,我们需要从后端获取数据,比如用户的信息,然后将这些数据绑定到表单中。这里我假设我们从后端获取到了一个名为 `userInfo` 的对象,包含了用户的信息。 ```js const userInfo = { name: '张三', gender: '男', age: 18 } ``` 然后我们需要将这些数据绑定到表单中。 ```js new Vue({ // ... data() { return { form: userInfo } }, // ... }) ``` 现在我们要做的是将 `userInfo.gender` 的回显radio 组件中,这很简单,只需要将 `gender` 的绑定到 radio-group 的 `v-model` 上即可。 ```html <el-form-item label="性别"> <el-radio-group v-model="form.gender"> <el-radio label="男"></el-radio> <el-radio label="女"></el-radio> </el-radio-group> </el-form-item> ``` 这样,当我们渲染这个表单时,`userInfo.gender` 的就会自动回显radio 组件中了。 总结一下,elementui 的 radio 组件回显很容易,只需要将后端传来的数据绑定到表单的 data 数据中即可,再将需要回显绑定到 radio-group 的 `v-model` 上即可。需要注意的是,如果后端传来的radio 组件的 label 不一致,还需要使用 radio 的 value 属性来将二者对应起来。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值