您的位置：首页 > Web前端 > JavaScript

radio接收并显示后台传值

2016-03-23 17:02 633 查看

radio从后台向前台传值的原理是：

1.用隐藏域接收后台传过来的radio的参数；

例如：

<input type="hidden" id="themeType" name="themeType" value="${workTheme.themeType}" />

<input type="hidden" id="state" name="state" value="${workTheme.state}" />

2.用js获取input radio里面的参数并传给radio对应的选择框；

例如：

（1）注意name一定要一致，不然会导致二个选择框都能选中的想象；

<input type="radio" name="themeType" value="1" />选项1

<input type="radio" name="themeType" value="2" />选项2

<input type="radio" name="state" value="1" />正常

<input type="radio" name="state" value="0" />无效

（2）给<body>加一个页面加载就运行的js

<body onload="myfunction()">

function myfunction()

{

   var themeType=document.getElementById("themeType").value;

   var state=document.getElementById("state").value;

   $("input[name='themeType'][value='"+themeType+"'").attr("checked",true);

   $("input[name='state'][value='"+state+"'").attr("checked",true);

}

这样就可以实现啦！不过最后要注意一点：隐藏域不能放在<form>里面，否则会导致新建的时候id/name冲突，导致新建的radio无效；

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： radio二个 radio从后台向前台传值 radio 页面加载就运行的js

相关文章推荐

新的分享

章节导航