根据name属性值筛选checkbox复选框

快乐打工仔 分类:实例代码

本章节分享一段代码实例,它实现了利用元素的name属性值来筛选复选框。

代码实例如下:

<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>前端教程网</title> 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
<script type="text/javascript">
$(function () {
  var inputs=$("div input[name=qianduan]");
  $("#show").text(inputs.length);
});
</script>
</head>
<body>
<div>
  <p>
    <input type="checkbox" name="qianduan" value="div"/>div教程
    <input type="checkbox" name="qianduan" value="css"/>css教程
    <input type="checkbox" name="qianduan" value="js"/>js教程
  </p>
  <p>
    <input type="checkbox" name="ziliao" value="texiao"/>特效下载
    <input type="checkbox" name="ziliao" value="moban"/>模板下载
    <input type="checkbox" name="ziliao" value="jiaocheng"/>教程下载
  </p>
</div>
<div id="show"></div>
</body>
</html>

回复

我来回复
  • 暂无回复内容