-
2020-07-21 15:13:35
大部分贴子中给出的答案是:
$("input[name='radioName'][value='1']").attr("checked",true);
但经过验证后,正确答案应该是:
$("input[name='radioName'][value='1']").prop("checked",true);
更多相关内容 -
layui中修改页面layer.open弹出层给radio赋值
2020-04-22 15:33:23layui中修改页面layer.open弹出层给radio赋值 最近使用layui做了个简单的项目,遇到了个问题,在layui.table渲染页面做修改的时候,使用的是弹出层,要把值赋给radio的时候总是渲染不上去。 现在解决了这个问题,...layui中修改页面layer.open弹出层给radio赋值
最近使用layui做了个简单的项目,遇到了个问题,在layui.table渲染页面做修改的时候,使用的是弹出层,要把值赋给radio的时候总是渲染不上去。
现在解决了这个问题,记录一下。![效果如图]把代码也放上:
js代码块:function updateUser(data) { layer.open({ type : 2, title : '修改用户信息', skin : 'layui-layer-rim', //加上边框 closeBtn :1, area : [ '400px', '600px' ] //宽高 , id : 'LAY_layuipro' //设定一个id,防止重复弹出 , offset : '10px', moveType : 0 //拖拽模式,0或者1 , content : 'lz/user/user_upd.html', success : function(layero, index2) { var body = layer.getChildFrame('body', index2); //获取content的窗口 var iframeWin = layero.find('iframe')[0].contentWindow; body.find("#id").val(data.id); body.find("#username").val(data.username); body.find("#real_name").val(data.real_name); body.find("#department").val(data.department); body.find("input[name=account_type][value=0]").attr("checked",data.account_type == 0 ? true : false); body.find("input[name=account_type][value=1]").attr("checked",data.account_type == 1 ? true : false); iframeWin.layui.form.render(); }, end : function() { layer.close(); } }) }
iframe中的代码如下:
<form id="upd1" name="upd1" class="layui-form" lay-filter="formTest"> <div class="layui-form-item"> <label class="layui-form-label">登录名</label> <div class="layui-input-inline shortInput"> <input type="text" id="username" name="username" value="wc" required lay-verify="required" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">真实姓名</label> <div class="layui-input-inline shortInput"> <input type="text" id="real_name" name="real_name" value="Jimmy" required lay-verify="required" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">部门名</label> <div class="layui-input-inline shortInput"> <input type="text" id="department" name="department" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">原始密码<span style="color: red;">*</span></label> <div class="layui-input-inline shortInput"> <input type="password" id="old_pwd" name="old_pwd" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">新密码<span style="color: red;">*</span></label> <div class="layui-input-inline shortInput"> <input type="password" id="pwd" name="pwd" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">确认密码<span style="color: red;">*</span></label> <div class="layui-input-inline shortInput"> <input type="password" name="pwd" lay-verify="required|confirmPass" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label" style="width: 100px;">是否为管理员</label> <div class="layui-input-block" id="account_type"> <input id="yes" type="radio" name="account_type" value="0" title="是"> <input id="no" type="radio" name="account_type" value="1" title="否"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="submitBut">立即提交</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form>
-
jQuery给div,Span, a ,button, radio 赋值与取值
2020-11-25 14:51:44jquery给div的innerHTML赋值 $(“#id”).html()=”test”; //或者 $(“#id”).html(“test”); jquery 获取的链接内容 $()[removed] jquery 给span 赋值 $(‘#hiddenNote’).text(‘getSpanValues’); span取值 ... -
html中radio值的获取、赋值、注册事件示例详解
2020-09-28 06:36:20主要介绍了html中radio值的获取、赋值及注册事件,非常适合新手朋友,喜欢html的朋友不要错过了哈 -
jQuery为radio赋值
2020-04-27 11:34:54问题:表单clear后,radio赋值无效。去除clear后却可:我用的以下方法尝试,都失败,用末尾方法实现了。 以下方法 //取radio的值 $("input[name='radioName'][checked]").val(); //给radio 赋值, 选中值为2的...问题:表单clear后,radio赋值无效。去除clear后却可:我用的以下方法尝试,都失败,用末尾方法实现了。
以下方法
//取radio的值 $("input[name='radioName'][checked]").val(); //给radio 赋值, 选中值为2的radio: $("input[name='radioName'][value=2]").attr("checked",true);
官方的方法是这样写:
//获取选中值,三种方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); //设置第一个Radio为选中值: $('input:radio:first').attr('checked', 'checked'); //或者 $('input:radio:first').attr('checked', 'true'); //注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true) //设置最后一个Radio为选中值: $('input:radio:last').attr('checked', 'checked'); //或者 $('input:radio:last').attr('checked', 'true'); //根据索引值设置任意一个radio为选中值: $('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2.... //或者 $('input:radio').slice(1,2).attr('checked', 'true'); //根据Value值设置Radio为选中值 $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true'); //或者 $("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true'); //删除Value值为rd2的Radio $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove(); //删除第几个Radio $("input:radio").eq(索引值).remove();索引值=0,1,2.... 如删除第3个Radio:$("input:radio").eq(2).remove(); //遍历Radio $('input:radio').each(function(index,domEle){ //写入代码 });
此方法有效:
$("input[name='GENDER'][value=" + object.GENDER + "]").prop("checked", "checked");//object..是请求得到的数据 $("input[name='MARRIAGE'][value=" + object.MARRIAGE + "]").prop("checked", "checked"); $("input[name='JOBTYPE'][value=" + object.JOBTYPE + "]").prop("checked", "checked");
总结:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法
举一个例子:<input id="chk1" type="checkbox" />是否可见 <input id="chk2" type="checkbox" checked="checked" />是否可见
像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。
$("#chk1").prop("checked") == false $("#chk2").prop("checked") == true
如果上面使用attr方法,则会出现:
$("#chk1").attr("checked") == undefined $("#chk2").attr("checked") == "checked"
————————————————
原文链接:https://blog.csdn.net/u013475983/java/article/details/72688555 -
layui radio性别单选框赋值方法
2020-10-18 05:27:37今天小编就为大家分享一篇layui radio性别单选框赋值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
radio取值和赋值
2019-08-09 09:50:021、获取radio选中的值 $("input[name='***']:checked").val(),//***代表radio的name属性名称 ...2、根据条件来赋值 if(true){ $("input[name='***'][value=1]").attr("checked",true); }else{ ...1、获取radio选中的值
$("input[name='***']:checked").val(),//***代表radio的name属性名称
2、根据条件来赋值
if(true){
$("input[name='***'][value=1]").attr("checked",true);
}else{
$("input[name='***'][value=2]").attr("checked",true);
} -
Jquery动态给单选框radio赋值(附源码)
2020-05-08 19:03:48<input type="radio" value="2" ...动态赋值: $("input[type=radio][name=vatType][value="+res.vatType+"]").attr("checked","checked"); res.vatType是后台返回的数据,这样就可以动态来控制radio的选中状态了 -
layui radio 赋值和获取值的方法
2021-12-17 17:55:11<div class="layui-form-item"> <label class="layui-form-label">是否删除</label> <div class="layui-input-block">...input type="radio" name="isDel" value="0" title="正常" > &... -
htmlradio动态赋值
2021-06-11 14:16:05关于 html radio 赋值session保存user,user.getSex()获取性别(男/女),然后赋值到radio组var OBJradio=document.getElementsByTagName("input"); for(i=0;ihtml:radio动态默认值设置struts的html:radio的从数据库中... -
Layui为弹出层 radio 赋值 为下拉列表赋值
2019-08-25 11:30:40父页面界面: ... 子页面界面: ...若子页面在浏览器兼容性测试时,父页面给子页面赋值 按钮未正确选中 但是F12中查看源码是选中状态,则在子页面中为不正确选中的 radio 设置默认选中即可 -
radio动态赋值
2021-04-29 17:31:03var othis = layero.find('iframe').contents().find("#layuiadmin-app-form-list").click(); othis.find('input[name="lId"]').val(data.lId);... //radio动态赋值 othis.find("input[name='role'][v. -
html中给radio赋值
2011-08-09 19:39:00<form name="form1" id="form1">...input type="radio" name="sex" value="1">男 <input type="radio" name="sex" value="0">女 </form> <script> window.onload=function... -
radio赋值法
2018-05-07 10:25:00$("#DIV的ID input[name='radio的name'][value="'+动态传的radio的value值+'"]").attr('checked','true')来设置哪个值的radio被选中,但是这种方法试过了没有用,找到一种有效的方法,就是把attr改成prop ... -
elementui el-radio 赋值问题
2020-01-02 09:21:181.true/false形式 ...el-radio-group v-model="form.isUseLombok"> <el-radio :label="false">否</el-radio> <el-radio :label="true">是</el-radio> </el-radio-group> da... -
jquery js radio单选框取值和赋值
2020-10-04 18:43:19今天下午遇到的坑,天大的坑啊,表单clear后,radio赋值无效。去除clear后却可。我用的以下方法尝试,都失败。最终问了项目经理,用末尾方法实现了。 以下方法 //取radio的值 $("input[name='radioName']... -
Bootstrap框架中单选框radio赋值的写法
2020-07-15 14:10:13<div class="col-sm-1"> <div class="form-group"> <label class="rdio check-box"> <input type="radio" name="factory" value="1">工厂 </label>...//正常单选框赋值... -
jsp页面中,以radio赋值(与 “jsp页面中,以radio取值” 成对)
2017-04-25 10:35:14<input type="radio" name="${status.count }" idvalue="${user.noid }" value="2" />锁定 ${user.codeState== 2}"> <input type="radio" name="${status.count }" idvalue="${user.noid... -
详解html中radio值的获取、赋值、注册事件示例
2021-04-29 01:26:37这篇文章主要介绍了html中radio值的获取、赋值及注册事件,非常适合新手朋友,喜欢html的朋友不要错过了哈1,radio分组只要name一样,就是一组的,即一组中只能选择一个,如下:代码如下:group1:radio1radio2radio3... -
vue input type=“radio“ 动态赋值
2022-02-06 11:56:16input type=“radio” style=“zoom: 205%;” name=“pay” :value=“item.name” v-model=“radio” @click=“confirm” /> {{item.name}} js方法 data() { return { radio: ‘A’, //单选按钮默认值 ... -
layui radio赋值选中不了的问题
2019-01-16 11:04:00layui radio赋值选中不了的问题: 赋值以后,需要重新渲染form,加上代码 form.render(); 就可以了 $("input[name='xmnd'][value='"+data.xmnd+"']").prop("checked", "checked"); form.render(); 转载于... -
根据指定的值动态给相应的radio赋值
2015-07-31 14:18:50今天发现了个小技巧,根据服务器端传过来的值来给相应的radio赋值,比如值为1 则选中是的radio选项。 如下所示: $("input[name='radioName'][value="+valueName+"]").attr("checked",true); 这里的radioName... -
select、radio表单回显功能实现避免使用jquery载入赋值
2020-11-30 18:16:12select,radio 表单回显避免使用jquery载入赋值 注意事项: 代码如下: <html> <body> <form method=”post” action=””> <!– 如果表单中使用重置功能时,不推荐使用如下代码 –> <input ...