根據name屬性值篩選checkbox核取方塊

antzone發表於2017-04-06

本章節分享一段程式碼例項，它實現了利用元素的name屬性值來篩選核取方塊。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<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>

相關文章