checkbox:click事件触发span元素内容改变的方法

2019-11-19 15:29:35

字体：大中小

来源：转载

供稿：网友

示例如下：

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>checkbox</title> <script src="jquery.js"></script></head><body><p>我想去<span id="spanId">_____</span></p><form action="#" id="form"> <input type="checkbox" name="city" value="南京">南京 <input type="checkbox" name="city" value="北京">北京 <input type="checkbox" name="city" value="纽约">纽约</form><script>  $(function () {   $("input[name=city]").click(function () {    var arr = [];    $("input[name=city]").each(function () {     if(this.checked){      arr.push(this.value);     }else{      var index = arr.indexOf(this.value);      if(index != -1){       arr[index] = "";      }     }    });    $("#spanId").text(arr.join(","));   })  });</script></body></html>

以上这篇checkbox:click事件触发span元素内容改变的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：node.js 利用流实现读写同步,边读边写的方法

下一篇：Node.js 使用流实现读写同步边读边写功能