jquery全选解决方法-Java教程-爱易网页

jquery全选解决方法

日期：2014-05-20　浏览次数：20684 次

jquery全选

本帖最后由 valid25f 于 2013-10-01 20:45:23 编辑

用的jquery easyui ,全选的代码单独放出来没问题，放easyui就不行了用的esayui 的dialog的一个例子





<!DOCTYPE html>

<html>

<head>

	<meta charset="UTF-8">

	<title>Complex Toolbar on Dialog - jQuery EasyUI Demo</title>

	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">

	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">

	<link rel="stylesheet" type="text/css" href="../demo.css">

	<script type="text/javascript" src="../../jquery.min.js"></script>

	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>

	<script>

		$(function(){

			

		}) 

		function all(allbox){

			$("inputp[name='upcom']").attr("checked",true);

		}

		function sub(){

			var v=$("input[name='upcom']");

			var s="";

			//for(i=0;i<v.length;i++){

			//	s+=v[i].value;

			//}

			alert(s);

		}

	</script>

</head>

<body>

	<h2>Complex Toolbar on Dialog</h2>

	<div class="demo-info">

		<div class="demo-tip icon-tip"></div>

		<div>This sample shows how to create complex toolbar on dialog.</div>

	</div>

	<div style="margin:10px 0;">

		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog



('open')">Open</a>

		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog



('close')">Close</a>

	</div>

	<div id="dlg" class="easyui-dialog" title="Complex Toolbar on Dialog" 



style="width:400px;height:200px;padding:10px"

			data-options="

				iconCls: 'icon-save',

				toolbar: '#dlg-toolbar',

				buttons: '#dlg-buttons'

			">

		The dialog content.

		<input type="checkbox" name="all">全选<br>

		<input type="checkbox" name="upcom" value="a">a

		<input type="checkbox" name="upcom" value="b">b

		<input type="checkbox" name="upcom" value="c">c

		<input type="button" onclick="sub()">



	</div>

	<div id="dlg-toolbar" style="padding:2px 0">

		<table cellpadding="0" cellspacing="0" style="width:100%">

			<tr>

				<td style="padding-left:2px">

					<a href="javascript:void(0)" class="easyui-linkbutton" data



-options="iconCls:'icon-edit',plain:true">Edit</a>

					<a href="javascript:void(0)" class="easyui-linkbutton" data



-options="iconCls:'icon-help',plain:true">Help</a>

				</td>

				<td style="text-align:right;padding-right:2px">

					<input class="easyui-searchbox" data-options="prompt:'Please 



input somthing'" style="width:150px"></input>

				</td>

			</tr>

		</table>

	</div>

	<div id="dlg-buttons">

		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:alert



('save')">Save</a>

		<a href="javascript:void(0)" class="easyui-linkbutton" 



onclick="javascript:$('#dlg').dialog('close')">Close</a>

	</div>



</body>

</html>

------解决方案--------------------
发错地方了吧。。

------解决方案--------------------

引用:



<input type="checkbox" name="all" onclick="allSel()">全选<br>

function allSel(){		

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

		}

function allSel(){	

			if($("input[name='upcom']").attr("checked")){

				$("input[name='upcom']").attr("checked",false);

			}else{

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

			}

		}

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

jquery全选解决方法

相关资料更多>

推荐阅读更多>