精华内容
下载资源
问答
  • 今天在做一个不需要from表单提交数据的复选框的小功能时,需要在复选框选中或取消选中的同时对一些...checkbox 复选框选中与未选中触发事件的方法jq代码__点击checkbox,触发事件我是复选框$("#isbox").click(func...

    今天在做一个不需要from表单提交数据的复选框的小功能时,需要在复选框选中或取消选中的同时对一些后台的数据进行修改。就想到了使用js代码来监控复选框的状态,并向后台发送时时数据。关于js代码如何监控 checkbox 复选框的状态,可以参考下面的示例。

    checkbox 复选框选中与未选中触发事件的方法

    jq代码__点击checkbox,触发事件 我是复选框

    $("#isbox").click(function() {

    if ($(this).is(":checked")== true) {

    console.log('我被选中了!');

    } else {

    console.log('我没有被选中!');

    }

    });

    //这个代码和上面的一样的,选择一个使用即可!

    $('input[type="checkbox"]').click(function() {

    if ($(this).is(":checked")== true) {

    console.log('我被选中了!');

    } else {

    console.log('我没有被选中!');

    }

    });

    原生JS代码__点击checkbox,触发事件

    例: 我是复选框

    function ischeck(e){

    if(e.checked){

    console.log('选中');

    }else{

    console.log('未选中');

    }

    }

    例: 我是复选框

    document.getElementById('isbox').onclick = function(){

    if(this.checked){

    console.log('选中');

    }else{

    console.log('未选中');

    }

    };

    PS:上面的两个原生JS检测 checkbox 的选中状态的代码原理都是一样的,只是写法不同而已!

    展开全文
  • 解决方案 We can do this using JavaScript, no need of jQuery. Just pass the changed element and let JavaScript handle it. HTML syn JS function doalert(checkboxElem) { if (checkboxElem.checked) { alert...

    I have a checkbox on a form which is unchecked by default as usual. now I want to perform two separated actions on checked and unchecked state of this checkbox.

    this is my checkbox:

    syn

    and this is my script:

    function doalert(id){

    if(this.checked) {

    alert('checked');

    }else{

    alert('unchecked');

    }

    }

    it just alerts uncheched!! what is the best way to do that.

    解决方案

    We can do this using JavaScript, no need of jQuery. Just pass the changed element and let JavaScript handle it.

    HTML

    syn

    JS

    function doalert(checkboxElem) {

    if (checkboxElem.checked) {

    alert ("hi");

    } else {

    alert ("bye");

    }

    }

    展开全文
  • js - 复选框选中触发 & 数字验证

    千次阅读 2008-08-27 10:55:00
    "javascript:document.fr.submit()" >计算总额</a><br>  <!-- type= "submit"  value= "SUBMIT" >-->    method= "post" >  只能输入数字: type= "text"  name= "num"  onkeypress=...
    1. <script>
    2.     function sum() {
    3.         var sum = 0;
    4.         for(var i = 0; i < document.fr.elements.chb.length; i++) {  
    5.             if(document.fr.elements.chb[i].checked) {       
    6.                 sum += parseInt(document.fr.elements.chb[i].value);
    7.             }
    8.         }
    9.         totalPrice.innerText = sum + "元";
    10.     }
    11. </script>
    12. <form name="fr" action="" method="post">
    13.     <input type="checkbox" name="chb" value="10" οnclick="sum()">橡皮<br>
    14.     <input type="checkbox" name="chb" value="20" οnclick="sum()">铅笔<br>
    15.     <input type="checkbox" name="chb" value="30" οnclick="sum()">墨水<br>
    16.     <input type="checkbox" name="chb" value="40" οnclick="sum()">胶带<br>
    17.     <input type="checkbox" name="chb" value="50" οnclick="sum()">米尺<br>
    18.     总价为:<span id="totalPrice">0元</span>
    19.     <a href="javascript:document.fr.submit()">计算总额</a><br>
    20.     <!--<input type="submit" value="SUBMIT">-->
    21. </form>

     

    1. <form method="post">
    2.     只能输入数字:<input type="text" name="num" οnkeypress="checkNum(this.form)">
    3. </form>
    4. <script type="text/javascript">
    5.     function checkNum(frm) {
    6.         if(window.event.keyCode > '9'.charCodeAt(0) || 
    7.             window.event.keyCode < '0'.charCodeAt(0)) {
    8.             window.event.returnValue = false;
    9.         }
    10.     }
    11. </script>
    12. for(var i=0; i<txt_value.length; i++) {
    13.     if(txt_value.charAt(i)<'0' || txt_value.charAt(i)>'9') {
    14.         alert("会员号只能是数字");
    15.         return false;
    16.     }
    17. }
    展开全文
  • 最近在项目中遇到了一个input 复选框,默认是选中状态,可以触发一个事件,但是用户取消选中后则执行另外一个事件. 在网上查了半天才解决.,在此简单记录一下: 页面代码:  邮件 js代码(默认让其选中): ...

          最近在项目中遇到了一个input 复选框,默认是选中状态,可以触发一个事件,但是用户取消选中后则执行另外一个事件.

    在网上查了半天才解决.,在此简单记录一下:


    页面代码:

    <input type="checkbox" class="mtop1" id="sendEmailBtn" name="sendEmailBtn">&nbsp;邮件

    js代码(默认让其选中):

    $("#sendEmailBtn").prop("checked",true);


    如果用户取消选中,则触发另外一个事件:

    if( $("[name = 'sendEmailBtn']:checkbox:checked").length == 0){
        CommonBusinessObj.showToast("请选择邀请方式",2);
        return;
    }


    本人亲测!

    展开全文
  • ext 复选框触发事件

    2009-07-17 10:20:34
    想像大家请教一下: 我在表格中定义了复选框var userSm = new Ext.grid.CheckboxSelectionModel(); 如何定义一个触发函数使得在复选框的状态改变时能够... 这个复选框当选中/未选中状态改变的时候出发的吗?呵呵~~
  • JS删除复选框选中

    2020-04-08 19:35:58
    一般是在报表中,我们可以通过复选框的形式进行勾选,然后通过按钮或者超链接触发JavaScript事件,获取复选框选中行,在进行一键删除。 接下来,就来讲解一下,如何通过获取复选框,获取选中行数据,进行一键删除行...
  • fsLayui2树形复选框选中事件

    千次阅读 2020-03-03 21:48:10
    看官方文档和引入的fstree.js,fsLayui2树形菜单监听事件貌似只提供了点击事件,未提供复选框选中监听事件。于是本身引入的还是ztree插件,于是自己在fsTree.js加了个复选框选中事件onCheck。 步骤一 自定义一个属性...
  • I want an event to fire client side when a checkbox is checked / unchecked: 当选中/取消选中复选框时,我希望事件触发客户端
  • 复选框触发事件

    千次阅读 2016-10-28 15:04:04
    html lang="en"> head> meta charset="UTF-8"> title>Titletitle> script src="js/jquery-1.11.1.js">script> head> body> input type="checkbox" id="checkall" name="checkname"/> script>
  • 概述:在asp.net中的使用dategrid,在dategrid中添加复选框并实现复选框checkbox的单选功能,在选择的过程中,通过点击复选框能够触发事件,比如,点击复选框checkbox时,在textbox中显示选中的值等等。 功能一:...
  • js 复选框 勾上 怎么触发一个 事件 我有一个复选框 id=a 我勾上它就alert("勾上了") 用jq 和js 怎么实现?
  • 一般是在报表中,我们可以通过复选框的形式进行勾选,然后通过按钮或者超链接触发JavaScript事件,获取复选框选中行数据,一键删除、入库、修改、查询选中数据。 接下来,就来讲解一下,如何通过获取复选框,获取...
  • 多个checkbox复选框触发点击事件

    万次阅读 2017-12-05 16:07:24
    ${(appltchBoltDto.applyPaltTitle)} ${(applyPatcoltDto....形如上面这种有list输出到前台的一组复选框,怎么点击其中一个可以触发jquery事件呢? jquery代码: $('[type="checkbox"]').click(function
  • 体验效果:http://keleyi.com/keleyi/phtml/jqtexiao/31.htm代码如下: <!... <... <...jquery点击复选框触发事件给input赋值-柯乐义</title><base target="_blank" /> <style type="text/css">
  • ztree实现复选框功能、级联选中,并且子节点选中时,父节点自动选中,子节点取消选中(若所有子节点都没有选中)则父节点也会自动取消选中,check配置如下:check:{enable:true,chkStyle:"checkbox",chkboxType: { ...
  • tree组件 复选框选中 需要在tree的treestore配置中实现,store中有一个监听器事件:nodeexpand nodeexpand 事件 在每一个节点远程加载子节点数据的时候都会触发。 获取到当前节点所有子节点,判断id值或者其他值...
  •  //获得所有复选框的value值,然后,用checkArray中的值和他们比较,如果有,则说明该复选框选中  for(var i=0;i;i++){  //获取所有复选框对象的value属性,然后,用checkArray[i]和他们匹配,如果有,则...
  • HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ...head> title>复选框是否被选中title> script type="text/javascript" src="jquery-1.3.1.js">script
  • 官网上有说明如何使用复选框,但是说的不详细,今天项目上用到了,el-table标签初始化默认加载选中的问题, 网上找了好多文章,大多是说使用这段代码, this.$refs.multipleTable.toggleRowSelection(row); 但是...
  • PS→无奈:失败只是暂时停止成功,假如我不能,我就一定要;假如我要,我就一定能!... 动态给以上table添加复选框,并且获取选中数据的js如下: $(function(){ function initTableCheckbox() { var ...
  • 有个小问题 如果数据库里面有北京input标签是这样<... 当我在js写function ban(key) {} 想判断一下checkbox是否被选中 我应该怎么判断 我用的这个if($("input[name='chk']").attr("checked")){} 不好用 求指教
  • javascript实现选中其中一个复选框后,其他复选框不可用
  • 当我们点击选择的时候也许想要触发一些操作调用对应的函数;大致总结了一下:项目中用的几个方式。 1.点击每一行触发对应的函数, 2.点击前面的单选进行对应的操作; 3,点击全选框时(获取全部数据)时对应的...
  • 在添加页面实现一个checkbox的选择,然后在详情页面展示时,会自动上之前被选中的。 2.添加页面 看官最好将这个代码复制过去看看效果。 <!DOCTYPE html> <html> <head> <meta ...
  • //定义选项框中的更新方法,判断复选框选中还是删除,来操作数组中的数据是应该增加还是删除 $scope.updateSelection=function($event,id){ //如果复选框中的元素被选中了 if($event.target.checked){//判断是否...
  • 这段代码的意思非常明确和简单,就是当点了这个按钮的时候,遍历页面中的checkbox并且调用它的click方法,然后来触发它自身的onchange事件 但是 我今天遇到的问题却始终达不到这个效果,非常的奇怪,最后也...
  • function checkOne(obj){//当下面的复选框全部被选中时,全选复选框自动被选中  if(!obj.checked){  document.forms[1].selectAllCK.checked = obj.checked;   }  var flag = true;  var arr = document....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,681
精华内容 4,672
关键字:

js复选框选中触发事件