Jquery 控制表单，复选框、单选按钮、下拉值改变代码,JS代码库,德仔网

代码语言
代码分类
【JS】 Jquery 控制表单，复选框、单选按钮、下拉值改变
作者:xudianlong / 发布于2014/7/4/ 955
Jquery 控制表单，复选框、单选按钮、下拉值改变恢复。

	<script language="javascript" type="text/javascript">

	
	 //高级查询
	 function toggle() {
	 if ($("#table_div").hasClass("current")) {
	 // 隐藏;
	 $("#table_div").removeClass("current");
	 $("#span_id").html("【+】高级");
	 $("#table_div").hide();
	 }
	 else {
	 //显示;
	 $("#table_div").addClass("current");
	 $("#span_id").html("【-】收起");
	 $("#table_div").show();//显示
	
	
	
	 $("#selectpolicy1")[0].selectedIndex =0;//恢复默认的选中值
	 $("#selectpolicy2")[0].selectedIndex =0;//恢复默认的选中值
	
	 $("#txtFirst2").attr("disabled", "disabled");//文本值不可编辑
	 $("#txtSecond2").attr("disabled", "disabled");//文本值不可编辑
	 $("#txtFirst2").css({ 'border-color': '#CCCCCC' });
	 $("#txtSecond2").css({ 'border-color': '#CCCCCC' });
	 $("#txtFirst2").attr("value",'');//清空内容
	 $("#txtSecond2").attr("value",'');//清空内容

	 $("#txtFirst3").attr("disabled", "disabled");//文本值不可编辑
	 $("#txtSecond3").attr("disabled", "disabled"); //文本值不可编辑
	 $("#txtFirst3").css({ 'border-color': '#CCCCCC' });//变色
	 $("#txtSecond3").css({ 'border-color': '#CCCCCC' });//变色
	 $("#txtFirst3").attr("value",'');//清空内容
	 $("#txtSecond3").attr("value",'');//清空内容

	

	 $("#tfdio1").attr("disabled", "disabled");//文本值不可编辑
	 $("#tfdio1").attr("disabled", "disabled");//文本值不可编辑
	 $("#tfdio1").attr("checked", false);//单选按钮恢复成不是选中状态

	 $("#tfdi2").attr("disabled", "disabled");
	 $("#tfdi2").attr("disabled", "disabled");
	 $("#tfdi2").attr("checked", false);

	 $("#tfdio3").attr("disabled", "disabled");
	 $("#tfdio3").attr("disabled", "disabled");
	 $("#tfdio3").attr("checked", false);

	 $("#tfdio4").attr("disabled", "disabled");
	 $("#tfdio4").attr("disabled", "disabled");
	 $("#tfdio4").attr("checked", false);

	 $("#tfdio5").attr("disabled", "disabled");
	 $("#tfdio5").attr("disabled", "disabled");
	 $("#tfdio5").attr("checked", false);
	 $("#chkFilterbox").attr("checked",false)
	 $("#chkFilter3").attr("checked",false)
	 $("#chkFilter").attr("checked",false)
	
	 }
	 }

	
	 //鼠标滑过事件
	 function MouseOvertj(id) {

	 $("#tjno" + id).removeClass("current");
	 $("#tjno" + id).hide();
	 $("#tj" + id).removeClass("current");
	 $("#tj" + id).show();
	 }

	 function MouseOuttj(id) {
	 $("#tj" + id).removeClass("current");
	 $("#tj" + id).hide();
	 $("#tjno" + id).removeClass("current");
	 $("#tjno" + id).show();
	 }
	 </script>
	 <script type="text/javascript" language="javascript">
	 function tfdo_rido_checked(vsar) {
	 if ($("input[id='" + vsar + "']").attr("checked")) {
	
	 var str=$("input[id='" + vsar + "']").val();
	 var data = str.split(",");
	
	 $("#txtFirst5").attr("value", data[0]); //清空数据
	 $("#txtSecond5").attr("value",data[1])//清空数据
	 }
	 }

	 function Get_Checked(id) {

	 switch (id) {

	 case "chkFilterbox": if ($("#chkFilterbox").attr("checked")) {
	 $("#txtFirst2").removeAttr("disabled");
	 $("#txtSecond2").removeAttr("disabled");
	 $("#txtFirst2").css({ 'border-color': '#0000CC' });
	 $("#txtSecond2").css({ 'border-color': '#0000CC' });
	 } else {
	 $("#txtFirst2").attr("disabled", "disabled");
	 $("#txtSecond2").attr("disabled", "disabled");
	 $("#txtFirst2").css({ 'border-color': '#CCCCCC' });
	 $("#txtSecond2").css({ 'border-color': '#CCCCCC' });
	 $("#txtFirst2").attr("value",'');//清空内容
	 $("#txtSecond2").attr("value",'');//清空内容
	 } break;
	 case "chkFilter3": if ($("#chkFilter3").attr("checked")) {

	 $("#txtFirst3").removeAttr("disabled");
	 $("#txtSecond3").removeAttr("disabled");

	 $("#txtFirst3").css({ 'border-color': '#0000CC' });
	 $("#txtSecond3").css({ 'border-color': '#0000CC' });
	 } else {
	 $("#txtFirst3").attr("disabled", "disabled");
	 $("#txtSecond3").attr("disabled", "disabled");
	 $("#txtFirst3").css({ 'border-color': '#CCCCCC' });
	 $("#txtSecond3").css({ 'border-color': '#CCCCCC' });
	 $("#txtFirst3").attr("value",'');//清空内容
	 $("#txtSecond3").attr("value",'');//清空内容

	 } break;
	 case "chkFilter": if ($("#chkFilter").attr("checked")) {
	 $("#tfdio1").removeAttr("disabled");
	 $("#tfdio1").removeAttr("disabled");

	 $("#tfdi2").removeAttr("disabled");
	 $("#tfdi2").removeAttr("disabled");

	 $("#tfdio3").removeAttr("disabled");
	 $("#tfdio3").removeAttr("disabled");

	 $("#tfdio4").removeAttr("disabled");
	 $("#tfdio4").removeAttr("disabled");

	 $("#tfdio5").removeAttr("disabled");
	 $("#tfdio5").removeAttr("disabled");
	 } else {
	
	 $("#tfdio1").attr("disabled", "disabled");
	 $("#tfdio1").attr("disabled", "disabled");
	 $("#tfdio1").attr("checked", false);

	 $("#tfdi2").attr("disabled", "disabled");
	 $("#tfdi2").attr("disabled", "disabled");
	 $("#tfdi2").attr("checked", false);

	 $("#tfdio3").attr("disabled", "disabled");
	 $("#tfdio3").attr("disabled", "disabled");
	 $("#tfdio3").attr("checked", false);

	 $("#tfdio4").attr("disabled", "disabled");
	 $("#tfdio4").attr("disabled", "disabled");
	 $("#tfdio4").attr("checked", false);

	 $("#tfdio5").attr("disabled", "disabled");
	 $("#tfdio5").attr("disabled", "disabled");
	 $("#tfdio5").attr("checked", false);

	 $("#txtFirst5").attr("value", ""); //清空数据
	 $("#txtSecond5").attr("value", "")//清空数据
	 } break;
	 default: break;

	 }
	 }
	 </script>

	
	<div class="auction-searchbox mtop5">
	 <div class="auction-searchbox-tt">
	 <i class="icon-search fl"></i>
	 <input type="hidden" name="qianxuan" id="qxuan" value="0" />
	 <select id='select_role_has' class="select-def fl" style=" width:168px">
	 <option value='0'>列出全部词</option>
	 <option value='1'>只列出未设置规则的关键词</option>
	 <option value='2'>只列出正在运行规则的关键词</option>
	 </select>
	 <input id="txtKeyword" type="text" value="" class="input-txt-def fl mlt5" />
	 <a href="#" class="btn-defalut fl mlt5" style="cursor:pointer;" onclick="javascript:get_type();"><span>查询</span></a>
	 <p class="fl mlt10">
	 <input name="seltJq" type="checkbox" class="input-checkbox" />
	 <label class="mlt5">
	 精确查询</label>
	 
	 <span class="fl mlt10 blue" onclick="toggle()" ><span id="span_id" style="cursor:pointer;" >【+】高级</span></span>
	 <span onclick="opendiv('btnsel', 'divGetkeyword')" id="btnsel" class="btn-defalut fl mlt10">
	 <span>多条查询</span></span>
	 </div>
	 <form class="mtop10" id="table_div" style="display: none">
	 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tbl-Tleft">
	 <tr>
	 <th width="100">
	 指定竞价策略：
	 </th>
	 <td width="250">
	 <span id='select_policy'>
	 <select id="selectpolicy1" class="select-def fl mlt5">
	 <%
	 string desPostTypeStrPolicy = Web3._0.Code.share.GetDesPosType(1);
	 Response.Write(desPostTypeStrPolicy);
	 %>
	 </select>
	 <select id="selectpolicy2" class="select-def fl mlt5">
	 <%=Web3._0.Code.share.GetRolegoalList(1, 1)%>
	 </select>
	 </span>
	 </td>
	 <th width="90">
	 <input type="checkbox" name="chkFilter" id="chkFilterbox" class="mrt5" myname='点击量'
	 fid='2' onclick="Get_Checked('chkFilterbox')" />
	 点击量：
	 </th>
	 <td>
	 <input type="text" name="textfield" id="txtFirst2" disabled="disabled" class=" input-txt-small" />
	 <label class="mltrt5">
	 至</label>
	 <input type="text" name="textfield2" id="txtSecond2" disabled="disabled" class=" input-txt-small" />
	 </td>
	 </tr>
	 <tr>
	 <th scope="row">
	 <input type="checkbox" name="chkFilter" id="chkFilter3" class="mrt5" fid='3' myname='cpc'
	 onclick="Get_Checked('chkFilter3')" />
	 cpc：
	 </th>
	 <td>
	 <input type="text" name="textfield" id="txtFirst3" disabled="disabled" class=" input-txt-small" />
	 <label class="mltrt5">
	 至</label>
	 <input type="text" name="textfield2" id="txtSecond3" disabled="disabled" class=" input-txt-small" />
	 </td>
	 <th>
	 <input type="checkbox" name="chkFilter" id="chkFilter" class="mrt5" myname='质量度'
	 fid='5' onclick="Get_Checked('chkFilter')" />
	 质量度：
	 </th>
	 <td>
	 <input name="tfdo" type="radio" id="tfdio1" value="11" class="mrt5" onclick=" tfdo_rido_checked('tfdio1')"
	 disabled="disabled" />
	 <span class="starts mrt10"><a href="#" class="start-green"></a><a href="#"></a><a href="#"></a></span>
	
	 <input name="tfdo" type="radio" value="12,12" id="tfdi2" class="mrt5" disabled="disabled" onclick=" tfdo_rido_checked('tfdi2')" />
	 <span class="starts mrt10"><a href="#" class="start-orange"></a><a href="#"></a><a href="#"></a></span>
	 <input name="tfdo" type="radio" value="13,13" id="tfdio3" class="mrt5" disabled="disabled" onclick=" tfdo_rido_checked('tfdio3')" />
	 <span class="starts mrt10"><a href="#" class="start-gray"></a><a href="#"></a><a href="#" class="on"></a></span>
	 <input name="tfdo" type="radio" value="20,29" id="tfdio4" class="mrt5" disabled="disabled" onclick=" tfdo_rido_checked('tfdio4')" />
	 <span class="starts mrt10"><a href="#" class="start-orange"></a><a href="#" class="start-orange">
	 </a><a href="#"></a></span>
	 <input name="tfdo" type="radio" value="30,39" id="tfdio5" class="mrt5" disabled="disabled" onclick=" tfdo_rido_checked('tfdio5')" />
	 <span class="starts"><a href="#" class="start-orange"></a><a href="#" class="start-orange">
	 </a><a href="#" class="start-orange"></a></span>

	
	 <input type='hidden' size='5' id='txtFirst5' name='txtFirst' />
	 <input type="hidden" size='5' id='txtSecond5' name='txtSecond' />
	 </td>
	 </tr>
	 </table>
	 </form>
	 </div>
评论列表
本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。
试试其它关键字
　控制表单　　复选框　　、单选　　下拉值　
同语言下
可能有用的
xudianlong贡献的其它代码(25)