选择复选框显示DIV

最新推荐文章于 2023-06-19 22:38:58 发布
最新推荐文章于 2023-06-19 22:38:58 发布
阅读量397 收藏 1
点赞数
文章标签： javascript ViewUI 


<html>
<head><title></title></head>
<script>


//支付宝担保选择触发
function chedb(obj){

if(obj.checked==true){
document.getElementById("zfbfk").style.display="block";
}else{
document.getElementById("zfbfk").style.display="none";
}
}
</script>


<body>


<div id="zfbdbdiv" style="display: block">
 <input type="checkbox" id="zfbdb" onclick="chedb(this)" />支付宝担保交易
 </div>
<div id="zfbfk" style="display: none">
 <li><a href="#" onClick="saveOrderFollow();submitalipayform()">支付宝付款</a></li>
 </div>
</body>
</html>

                

        




    

  



    

      

        

            

              
                
                  iteye_17686
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
jquery点击输入框时弹出div层复选框勾选输入的内容

				
			

			

				

					06-18
				

			

		

		

			
				
点击输入框 弹出div层 div层中放入复选框勾选值 点击复选框 值放入输入框内

			
		

	



                

            
              



	

		

			

				
					
jquery+css+div实现select选择框样式

				
			

			

				

					07-15
				

			

		

		

			
				
调用方式：$.divselect("#divselect","#inputselect"); "#divselect" 这是哪个模拟列表的盒子的ID，"#inputselect"这个是选择以后给 id="inputselect" 的input隐藏域赋值的哦。 懂一点程序的都明白为啥要赋值了。意思就是给这个隐藏域赋值就相当于用丑陋的select下拉列表得到一个值是同理的。下拉列表的功能无非也就是传一个值提交过去。
此form select下拉控件是使用div+jq+css实现，其表单功能正常使用，能正常传值。根据需要修改css背景、css宽度、css高度等图片或css样式实现自己想要的select下拉菜单表单美化效果。演示地址：http://www.bcty365.com/content-73-325-1.html

			
		

	



              


  
              

                


	

		

			

				
					
使用div创建选取框

				
			

			

				

					weixin_34212762的博客
				

				

					04-09
					
					217
					
				

			

		

		

			
				
使用div实现了选取框效果.
代码如下

  1 <!DOCTYPE html>
  2 <html>
  3 <head>
  4     <title>myCanvasTest</title>
  5     <style type="text/css">
  6        ...

			
		

	





	

		

			

				
					
div模拟选择框

				
			

			

				

					897371388
				

				

					11-02
					
					165
					
				

			

		

		

			
				
html原有标签可以满足我们需求，有时为了使界面更加美观，就需要自己写出来一些列标签供使用，这次项目就有这个要求了，模拟选项框

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;h...

			
		

	



		

			
		



	

		

			

				
					
checkbox多选框选中执行js做动作&jq调用显示或隐藏div

				
			

			

				

					wwppp987的博客
				

				

					07-23
					
					1203
					
				

			

		

		

			
				
<script>
function changeHref(obj) {
  var target = document.getElementById("aPay"); // 查找目标对象
  target.href = "https://www.abc.com/ok.htm?pay=" + obj.value; // 修改A标签
}
</script>
<table&...

			
		

	





	

		

			

				
					
JS实现点击复选框变更DIV显示状态的示例代码

				
			

			

				

					10-18
				

			

		

		

			
				
根据提供的文件内容，下面将详细解释使用JavaScript实现点击复选框变更DIV显示状态的示例代码中涉及的知识点。  首先，我们来梳理一下页面上的结构。页面上包含了一个复选框和多个表单项，其中复选框被用于控制DIV块...

			
		

	





	

		

			

				
					
javascript获取checkbox复选框获取选中的选项

				
			

			

				

					11-30
				

			

		

		

			
				
在实际应用中，你可能需要根据具体需求来调整这个方法，例如，你可能需要将选中的复选框值发送到服务器，或者根据用户的选择更新页面的其他部分。  值得注意的是，HTML部分展示了复选框的结构，每个复选框都有一个...

			
		

	





	

		

			

				
					
vue实现带复选框的树形菜单

				
			

			

				

					10-16
				

			

		

		

			
				
在Vue.js框架中实现带复选框的树形菜单是一种常见的UI设计，通常用于显示层次结构的数据，并允许用户进行多级选择。这个例子展示了如何结合第三方库ZTree来创建这样一个功能。ZTree是一个基于JavaScript的树状菜单...

			
		

	





	

		

			

				
					
vue基于element-ui的三级CheckBox复选框功能的实现代码

				
			

			

				

					10-17
				

			

		

		

			
				
在现代Web开发中，复选框（Checkbox）组件是用来实现用户界面中多选功能的常见元素。尤其在使用Vue.js框架开发时，element-ui库提供了一套丰富的UI组件，其中包括Checkbox。但是，在某些业务场景中，需要实现多层...

			
		

	





	

		

			

				
					
使用div实现的复选选择控件

				
			

			

				

					09-27
				

			

		

		

			
				
输入多个数据时比较麻烦，如果使用下拉框，也只能输入单个数据，如果想输入多个数据就只能使用别的弹出框的方式，这样界面不好看，同时实现起来也比较麻烦，这个控件使用div来完成对数据复选的选择输入。

			
		

	





	

		

			

				
					
一个DIV+checkbox的地区选择模块，类似银河人才网的地区选择

				
			

			

				

					11-25
				

			

		

		

			
				
通过js控制div的显示隐藏实现地区的具体划分，每个地区带checkbox！地区选择不能越界，比如选择河北省不能选择唐山市，选择唐山市不能选择下属县

			
		

	





	

		

			

				
					
div手写复选框样式

				
			

			

				

					weixin_60906876的博客
				

				

					06-19
					
					249
					
				

			

		

		

			
				
divborder: 0;.feature {*/

			
		

	





	

		

			

				
					
javascript设置某DIV下复选框checkbox

				
			

			

				

					Len的专栏
				

				

					04-26
					
					462
					
				

			

		

		

			
				
主要用到dom的两个函数document.getElementById(id)和document.getElementsByTagName(name),希望对写复选框全选的虾们有些许帮助。



   
    
        全选
        
        
        
    
    
    
    
    
        全选
   ...

			
		

	





	

		

			

				
					
jQuery实现复选框的全选、反选、并且根据复选框的<checked属性>控制多个对应div的显示/隐藏...

				
			

			

				

					WGH100817的博客
				

				

					09-26
					
					165
					
				

			

		

		

			
				
<!doctype html><html>
<head>
  <meta charset="utf-8">
  <title>jQuery实现复选框的全选、反选、并且根据复选框的（checked属性）控制多个对应div的显示/隐藏</title>
 <script type="text/javascri...

			
		

	





	

		

			

				
					
div模仿复选框

				
			

			

				

					怪只怪满眼尽是人间烟火
				

				

					09-25
					
					730
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">
<head>
    <title>div模仿复选框</title>
    <meta charset="UTF-8"/>
    <style>

</style>


<style>
		.fuxuankuang{
	...

			
		

	





	

		

			

				
					
selected选中后显示和隐藏div

				
			

			

				

					小码哥AI、互联网副业项目
				

				

					07-18
					
					5804
					
				

			

		

		

			
				
1、select部分

--请选择--
审核通过
审核不通过


2、显示和隐藏内容

不通过原因:





3、js部分

function showinfo(values){
if(values==2){
$("#reason").css("display","none");
}
if(values==3){
$("#reason").css("d

			
		

	





	

		

			

				
					
简易JavaScript下拉复选框插件实现

				
			

			

				

					
				

			

		

		

			
				
在众多的界面元素中，下拉复选框是一个常见的组件，它结合了下拉菜单与复选框的功能，允许用户从一组选项中选择多个项目。本知识点将深入探讨标题中所提到的“非常简单的下拉复选框”，以及如何通过JavaScript插件...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值