jquery-【jQuery】【js】复选框只改变checked属性会激发change事件么

问题描述

【jQuery】【js】复选框只改变checked属性会激发change事件么

一个列表里的几行数据,每行数据前都有一个复选框,默认为不选中状态,点击某行的时候会设置当前行前复选框的checked属性为true,但是对应的change事件并不执行,如果直接点击某行的复选框,change事件就执行了,什么原因

解决方案

我的复选框是通过onclick事件处理的,在函数里面去判断checked是true还是false

```
/* 显示时间 */
function showTime() {
var show = document.getElementById("show");
var time = document.getElementById("dateShow");
if (show.checked) {
//alert("checked");
time.style.display = "";
} else {
//alert("un checked");
time.style.display = "none";
}
}


解决方案二:

<input type="checkbox" onclick="javascript:showTime()" id="show" name="show" checked="checked" />

解决方案三:

/* 显示时间 */
function showTime() {
    var show = document.getElementById("show");
    var time = document.getElementById("dateShow");
    if (show.checked) {
        //alert("checked");
        time.style.display = "";
    } else {
        //alert("un checked");
        time.style.display = "none";
    }
}

解决方案四:

/* 显示时间 */
function showTime() {
    var show = document.getElementById("show");
    var time = document.getElementById("dateShow");
    if (show.checked) {
        //alert("checked");
        time.style.display = "";
    } else {
        //alert("un checked");
        time.style.display = "none";
    }
}

解决方案五:

/* 显示时间 */
function showTime() {
    var show = document.getElementById("show");
    var time = document.getElementById("dateShow");
    if (show.checked) {
        //alert("checked");
        time.style.display = "";
    } else {
        //alert("un checked");
        time.style.display = "none";
    }
}

解决方案六:

/* 显示时间 */
function showTime() {
    var show = document.getElementById("show");
    var time = document.getElementById("dateShow");
    if (show.checked) {
        //alert("checked");
        time.style.display = "";
    } else {
        //alert("un checked");
        time.style.display = "none";
    }
}

解决方案七:

点击某行只是把改行的checkbox的checked属性进行了改变,而并没有去执行change事件。你要想实现改变属性后执行change事件,你的用程序进行控制。

解决方案八:

js设置checkbox的勾选是不会触发onchange事件的,你需要用jquery trigger下

 $('#xxx').prop('checked',true).trigger('change')

解决方案九:

第一次提问,还没弄懂这个要怎么回复,谢谢大家。 方法我都会试一下,再次感谢~

时间: 2024-11-10 07:31:55

jquery-【jQuery】【js】复选框只改变checked属性会激发change事件么的相关文章

js与jQuery实现checkbox复选框全选/全不选的方法_javascript技巧

本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法.分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法.这应该是一个比较实用的前端技巧吧,很多时候我们都需要点击一个checkbox,然后将所有的复选框自动全部选中,比如新浪邮箱中,一些CMS系统的后台中,使用本JS效果后,会大大增强了操作体验,那么究竟是如何实现这一功能的呢?别着急,跟我一步一步实现. 我们先把那些带复选框的列表弄好,还没加全选.全不选时候的状态,大

jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

 本篇文章主要是对jQuery判断checkbox(复选框)是否被选中以及全选.反选实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery判断checkbox(复选框)是否被选中: if($("#id").attr("checked")==true)   jQuery实现checkbox(复选框)选中.全选/反选代码:    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

jquery获取到复选框选中的值,值为数值类型,怎样通过ajax 传到后台,后台怎样接送

问题描述 jquery获取到复选框选中的值,值为数值类型,怎样通过ajax 传到后台,后台怎样接送 求救,困扰了一天了, 急急急急急急急急急急急急,这个问题描述也太坑了吧. 解决方案 <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> function getCheck(){ var

jQuery对checkbox 复选框的全选全不选反选的操作_jquery

先给大家展示下效果图,如果大家感觉还不错,请继续参考实现代码. HTML代码: <body> <ul id="list"> <li><label><input type="checkbox" name="items" value="1"> 1.时间都去哪儿了</label></li> <li><label><inp

jquery模拟多级复选框效果的简单实例_jquery

今天又次体会到jquery的强大了,做了个多级复选框的效果,代码总共就20+行就over了. 我又想用js来做一个看看,才写了几个方法就写不动了,兼容性要考虑很多,而且代码量直线上升. 主要分享下jquery的这个效果的实现.代码块分两块: 一是全选的效果,就是点击全选的复选框时它的子孙都相应被选中或者未选中.这个很好做,代码如下: evtEle.parent().next(".checks").find("input:checkbox").attr("c

jQuery切换所有复选框选中状态的方法

  本文实例讲述了jQuery切换所有复选框选中状态的方法.分享给大家供大家参考.具体如下: 这段代码非常简单实用,通过链接切换所有checkbox是否选中 ? 1 2 3 4 5 6 var tog = false; // or true if they are checked on load $('a').click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog;

jQuery切换所有复选框选中状态的方法_jquery

本文实例讲述了jQuery切换所有复选框选中状态的方法.分享给大家供大家参考.具体如下: 这段代码非常简单实用,通过链接切换所有checkbox是否选中 var tog = false; // or true if they are checked on load $('a').click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog; }); 希望本文所述对大家的jq

ionic js 复选框 与普通的 HTML 复选框到底有没区别_javascript技巧

 ionic 复选框 ionic 复选框(checkbox)与普通的 HTML 复选框没什么区别,以下实例演示了 ionic 复选框 ion-checkbox 的应用. <ion-checkbox ng-model="isChecked">复选框标签</ion-checkbox> 实例 实例中,会根据复选框是否选中,修改 checked 值,true 为选中, false 为未选中. HTML 代码 <ion-header-bar class="

qt-Qt 复选框怎么改变样式

问题描述 Qt 复选框怎么改变样式 上图复选框样式怎么改成下面的样式 解决方案 去Qtcreator中help一下