|
jQuery能够极大提高html的编写效率，其中checkbox的选中判断有几种： 1， $(checkbox的id).prop('checked') 返回的是一个boolean值类型 2， $(this).is(':checked') 返回的也是一个boolean值类型 下面举一个点击checkbox修改文本框属性的例子： <!doctype html><html><head><meta charset='utf-8'><title>exp8_3</title></head> <body> <input type='text' name='first' id='first'><br><input type='text' name='second' id='second'><br><input type='checkbox' name='cb' id='hide' value='1'><span id='v0'>隐藏第三个文本框</span><br><input type='checkbox' name='cb' id='ml' value='2'><span id='v1'>变长第一个文本框</span><br><input type='text' name='third' id='third'> <script type='text/javascript' src='http://apps./libs/jquery/2.1.4/jquery.min.js'></script><script type='application/javascript'>var t1 = $('#first');var t2 = $('#second');var t3 = $('#third');$(document).ready(function(e) { t2.mousedown(function(e) {//t2被鼠标按下后 var str = t1.val();//获得t1的文本信息 t2.val(str);//加载入t2的文本 }); $('#hide').click(function(e) { //var flag = $(this).is(':checked'); var flag = $(this).prop('checked'); t3.toggle();//动态显示隐藏文本框 if(flag) $('#v0').html('显示第三个文本框'); else $('#v0').html('隐藏第三个文本框'); }); $('#ml').click(function(e) { var flag2 = $(this).prop('checked'); if(flag2){ t1.css('width','300px'); $('#v1').html('变短第一个文本框'); } else{ t1.css('width','169px'); $('#v1').html('变长第一个文本框'); } });});</script></body></html> js判断checkbox是否选中 .checked不管用 今天开发遇到一个小问题，记小本本记小本本
问题出在哪了呢，我用调试工具看一下
显而易见，用id取返回的是数组，用class取返回的是对象数组（即便他只有一个值） 下面的方式是补充 网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法二： 方法一： if ($('#checkbox-id')get(0).checked) { 方法二： if($('#checkbox-id').is(':checked')) { 方法三： if ($('#checkbox-id').attr('checked')) { 这篇文章就介绍到这了，基本上没问题了吧，希望大家以后多多支持脚本之家。 |
|
|
来自： 阿白mvo3hep7cv > 《JavaScript》
