复选框对象相关事件

 1 <SCRIPT language="JavaScript">
 2 function check( )
 3 {
 4  var s="";
 5  if (document.myform.checkbox1.checked==true)
 6      s=s+document.myform.checkbox1.value+"\n";
 7  if (document.myform.checkbox2.checked==true)
 8      s=s+document.myform.checkbox2.value+"\n";
 9  if (document.myform.checkbox3.checked==true)
10      s=s+document.myform.checkbox3.value+"\n";
11  if (document.myform.checkbox4.checked==true)
12      s=s+document.myform.checkbox4.value+"\n";
13
14  if(confirm("你想到以下地方旅游,确定吗?\n"+s)==true)
15     document.write("你选择的旅游地方是:<pre>"+s+"</pre>");
16
17 }
18 </SCRIPT>

<INPUT name="checkButton" type="button" id="checkButton" value=" 提 交 " onClick="check( )">

效果图如下:

时间: 2024-10-13 17:14:41

复选框对象相关事件的相关文章

复选框 checkbox 选中事件

项目中用的jquery-1.11 今天需要检测一个checkbox的选中状态,想当然的用 .attr("checked") ,结果发现,无论是否选中,这个值都是 undefined 未定义. 折腾了半天,发现:As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. In addition, .attr() should not be used on pla

layerui中如何点击表格行让复选选中并可以监听到复选框选中这个事件。

$(document).on("click",".layui-table-body table.layui-table tbody tr",function(){ var obj = event ? event.target : event.srcElement; var tag = obj.tagName; var checkbox = $(this).find("td div.laytable-cell-checkbox div.layui-form-

easyui 复选框 onClickRow事件与onSelect事件与onCheck事件

在项目中一直存在一个问题,一直都没发现问题的根源在哪里.在我们测试这边也是偶尔会出现.但是每次我去测试的时候也没问题.今天终于找到原因了! 在easyui中点击行和点击复选框触发的事件是不一样的! 点击行触发的事件 项目中部分代码:: onClickRow:function(index, row){ hospnewId=row.id; hosName=row.name; } 当我点击复选框的时候就不会触发这个事件,所以就得不到我想要的值. 看了一下easyui的api,发现有两个事件(可以满足我

AxureRP7.0基础教程系列 部件详解 Check Box 复选框

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Check Box 复选框 常用案例 作为附加选项 复选框经常用来允许用户添加一个或多个附加选项. 选择多个选项 在这个例子中,有多个选项可以选择.新手容易和单选按钮搞混淆,单选按钮只能选择一个. 编辑复选框要将复选框默认设置为勾选,可以在设计区域单击复选框或者右键选择选中.复选框可以通过用例编辑器中的动作设置为选择/选中进行动态设置. 对齐方式 默认

复选框使用总结

对复选框最基本的应用, 就是对复选框进行全选,反选和全不选等操作.复杂的操作需要与选项挂钩,来达到各种级联效果. 首先在空白网页中创建一个表单, 其中放入一组复选框: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <

jQuery学习(五)——使用JQ完成复选框的全选和全不选

1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选 步骤分析: 第一步:引入jquery文件 第二步:书写页面加载函数 第三步:为上面的复选框绑定单击事件 第四步:将下面所有的复选框的选中状态设置成跟上面的一致! 2.具体代码实现: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用jQuery完成复选框的全选和全不

复选框的全选(引自锋利的jQuery)

1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta name="generator" content="text/html" charset="utf-8" /> 5 <title>复选框组的全选/非全选</title> 6 <script

如何实现复选框的全选和取消全选效果

如何实现复选框的全选和取消全选效果:在很多网站都有这样的功能,当点击一个全选按钮之后,所有的复选框都会被选中,再点击之后会取消全选,功能非常的人性化,可以省却很多人力,下面就简单介绍一下JS如何实现此功能,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ww

5-3以复选框创建餐点选项

.java public void takeOrder(View v){ CheckBox chk; String msg=""; int[] id={R.id.chk1,R.id.chk2,R.id.chk3,R.id.chk4,R.id.chk5,R.id.chk6}; for (int i:id) { chk = (CheckBox) findViewById(i); if (chk.isChecked()) msg += "\n" + chk.getText