切换表单查询（1）

下面是我最近学习的，切换表单的第一种查询方法
首先呢，我先是给的两个单选框，用来进行表单的切换，如下所示
<inputtype="radio"name="RegisterNo"id="searchRegisterNo2"style=“width:15px;margin:0px;height:15px;”>客户
<inputtype="radio"name="RegisterNo"id="searchRegisterNo3"style=“width:15px;margin:0px;height:15px;” checked>用户
我这里一个单选框是客户一个单选框是用户，我这里是让他最开始默认用户，所以我在用户这里加了个checked，一开始它就会选中到用户

然后我再在页面上放两个表，一个用户表一个客户表，因为我上面给的默认用户，所以我给放用户表的盒子style=“display:block;“让它一开始就显示出来，给客户表这个盒子style=“display:none;“让它一开始隐藏起来，如下图所示

然后我们再到下面写它的js，首先要获取到他们的id，如下
var searchRegisterNo2 = document.getElementById(“用户单选框id”);
var searchRegisterNo3 = document.getElementById(“客户单选框id”);
var user = document.getElementById(“用户表盒子id”);
var client = document.getElementById(“客户表盒子id”);
然后再写它们的点击事件
首先呢写用户单选框的点击事件，点击用户单选框，就显示用户表，隐藏客户表，如下
searchRegisterNo2.onclick = function () {
//console.log(61);
client.style.display = “block”;
user.style.display = “none”;
};
然后再写客户单选框点击事件，点击客户单选框，显示客户表，隐藏用户表，如下
searchRegisterNo3.onclick = function () {
//console.log(16);
client.style.display = “none”;
user.style.display = “block”;
};
然后再分别查出他们两个表的数据就行了，我这里写的多条件查询，首先在视图层下面写两个表的数据重载，如下，
function ClientUserTele() {
首先获取页面数据
var AreaID = $(”#SeAreaID”).val();
……
var AreaNumber = $(”#SeAreaNumber”).val();
if (AreaID == “” || AreaID == undefined) {
AreaID = 0; }
……
if (AreaNumber == undefined) {
AreaNumber = “”;}
//客户表方法级渲染的重载
tabClientTele.reload({
url: “查询客户表数据方法的路径”,
where: {
AreaID: AreaID,
……
AreaNumber: AreaNumber
}, page: {
curr: 1 } });//重新从第一页开始
//用户表方法级渲染的重载
tabUserTele.reload({
url: “查询用户表数据方法的路径”,
where: {
AreaID: AreaID,
……
AreaNumber: AreaNumber
}, page: {
curr: 1 } }); }//重新从第一页开始
然后在上面初始化表里面调用这个多条件查询
然后再到控制器写两个表的查询方法就行了，具体的查询我就不多写了，下面演示一遍
现在我点击客户单选框，得到如下

我再点击用户单选框，得到如下