javascript根据输入关键字勾选复选框

最新推荐文章于 2023-07-13 12:05:14 发布
最新推荐文章于 2023-07-13 12:05:14 发布
阅读量476 收藏 2
点赞数 
<pre name="code" class="html"><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>根据输入文字选中复选框</title>
</head>
<body>
<textarea cols="150" rows="8" id="inputtext"></textarea>
<p>
<input type="checkbox" data-key="javascript" name="autoselect">javascript
<input type="checkbox" data-key="jquery"  name="autoselect">jquery
<input type="checkbox" data-key="html5"  name="autoselect">html5
<input type="checkbox" data-key="css3"  name="autoselect">css3
</p>
<script>
    window.οnlοad=function(){
        var inputtext=document.getElementById("inputtext"),autoselects=document.getElementsByName("autoselect"),length=autoselects.length;
        inputtext.οnkeyup=function(){
                for(var i=0;i<length;i++){
                       var curkeyword=autoselects[i].getAttribute("data-key");
                    if(this.value.replace(/^(\s|(\u00A0))+|(\s|u00A0)+$/g,"").search(curkeyword)!=-1){ //search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。
                        autoselects[i].checked=true;                                                  //search() 方法不执行全局匹配，它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性，
                    }
                    else {
                        autoselects[i].checked=false;
                    }
                }
        }
    }
</script>
</body>
</html>


 

 


                

        

        

    




    

      

        

            

              
                
                  啊哈前端
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    2
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
js勾选框

				
			

			

				

					weixin_55032665的博客
				

				

					07-15
					
					981
					
				

			

		

		

			
				
HTML样式：





Css代码：





页面样式：





JS代码：

获取元素：







全选：

全不选：

反选：










			
		

	



                

              
                



	

		

			

				
					
js根据选中的复选框，隐藏那一行

				
			

			

				

					weixin_34014555的博客
				

				

					01-13
					
					305
					
				

			

		

		

			
				
如图，选择复选框，点击“隐藏”按钮，隐藏选中行

 
1、JavaScript代码：

    function getCheckedIds() {
            var checkedSubject = $('#showSbgl input[name=checkIds]:checkbox:checked');
            checkedSubject.each(functi...

			
		

	



                


  
              

                


	

		

			

				
					
[JavaScript] 用 jQuery 根据输入值来选中复选框

				
			

			

				

					Regino的博客
				

				

					04-11
					
					755
					
				

			

		

		

			
				
本文包含了 JavaScript 中用 jQuery 根据输入值来选中复选框的相关案例。。。

			
		

	





	

		

			

				
					
js根据选中的复选框删除相应的table行

				
			

			

				

					web开发自学
				

				

					10-31
					
					950
					
				

			

		

		

			
				
今天花了大半天的时间，就完成了这个东东的添加和删除功能，由于没注意细节，调试了我许久！


单机 “添加”按钮，将会动态创建一个表格来呈现选择的人员数据，代码如下：
    //创建选中人员
    private void CreateSelectNodeInfo()
    {
        if (al.Count &gt; 0)
        {
          ...

			
		

	



		

			
		



	

		

			

				
					
js中选中表格中的所有勾选框

				
			

			

				

					Munger6的博客
				

				

					12-06
					
					4215
					
				

			

		

		

			
				
html lang="en">
head>
    meta charset="UTF-8">
    title>title>
head>
body>
    input type="checkbox" checked/>
    input type="checkbox"/>
    input type="checkbox"/>

    script>
        var inparr

			
		

	





	

		

			

				
					
dtree 带复选框

				
			

			

				

					03-24
				

			

		

		

			
				
而“带复选框”可能指的是在实现dtree时，为了方便用户交互或可视化，加入了复选框功能，允许用户选择或勾选不同的决策节点。这样的设计可以提高用户在理解和操作决策树时的便利性。  【描述】：“提供的是思路，...

			
		

	





	

		

			

				
					
Meteor101:流星待办事项列表

				
			

			

				

					05-20
				

			

		

		

			
				
 // 将复选框添加到页面 }); ```  此外，我们还可以添加搜索和过滤功能，允许用户根据关键字查找待办事项，或者只显示未完成的任务。这需要对数组进行遍历和条件判断。  通过这个“流星101”项目，你将学习到...

			
		

	





	

		

			

				
					
Extjs ComboBoxTree 下拉树组件

				
			

			

				

					11-19
				

			

		

		

			
				
用户可以通过勾选复选框来选择或取消选择树节点。  4. **自定义渲染**：为了展示树结构，ComboBoxTree需要自定义渲染逻辑，将每个节点以树的形式展示在下拉列表中。  5. **事件处理**：为了响应用户的操作，如点击...

			
		

	





	

		

			

				
					
RobotFramework常见语法.pdf

				
			

			

				

					02-27
				

			

		

		

			
				
8. **勾选框 (Select Checkbox)**：对复选框进行选中或取消选中操作，需要提供元素位置。  9. **单选框 (Select Radio Button)**：选择单选按钮组中的特定选项，可以根据label或value来定位。  10. **复选框选择 ...

			
		

	





	

		

			

				
					
easyui Tree系统管理

				
			

			

				

					10-11
				

			

		

		

			
				
如`tree.expand(node)`展开节点，`tree.collapse(node)`折叠节点，`tree.select(node)`选择节点，`tree.unselect(node)`取消选择，`tree.check(node, checked)`勾选或取消勾选复选框节点等。  5. **事件监听**：可以...

			
		

	





	

		

			

				
					
js 实现 复选框全选（二）

				
			

			

				

					03-31
				

			

		

		

			
				
js 实现 复选框全选（二）!
值得下载看看!资源免费,大家分享!!

			
		

	





	

		

			

				
					
jstree中的checkbox默认选中和隐藏示例代码

				
			

			

				

					01-19
				

			

		

		

			
				
jstree复选框自定义显示隐藏和初始化默认选中
首先需要配置 Checkbox plugin
plugins : ['checkbox']
设置默认选中状态（checkbox 选中）

state: {checked: true}
$.jstree.defaults.checkbox.tie_selection
示例：

$('#demo_tree').jstree({
 core : {
  'data': [
   { id : ajson1, parent : #, text : Simple root node, state: {checked: tr

			
		

	





	

		

			

				
					
js实现勾选全选框，全部的选框都选中，取消一个选框，全选框就取消的效果

				
			

			

				

					YY的博客
				

				

					10-18
					
					2824
					
				

			

		

		

			
				
js实现勾选全选框，全部的选框都选中，取消一个选框，全选框就取消的效果

			
		

	





	

		

			

				
					
使用js实现分页列表复选框勾选

					
最新发布

				
			

			

				

					牧小七的博客
				

				

					07-13
					
					628
					
				

			

		

		

			
				
功能包含：切换下一页，保留上一页的勾选；返回上一页自动显示勾选状态。

			
		

	





	

		

			

				
					
js复选框

				
			

			

				

					dxy_fly的专栏
				

				

					04-25
					
					419
					
				

			

		

		

			
				
alert($('input:checkbox').eq(0).is(':checked'));  //js判断checkbox是否选中，true是选中，false是未选中。
$input.prop('checked',value);//赋值或者取值

			
		

	





	

		

			

				
					
js实现当复选框选中状态时后面的文本框可编辑，当没选中时文本框呈灰色

				
			

			

				

					岁寒松柏
				

				

					08-13
					
					972
					
				

			

		

		

			
				

function checks() { 

	if(document.all.checkbox1.value==0) { 
		document.form.textwidth.disabled=false; 

		document.form.textheight.disabled=false; 
	}

	else { 
		document.form.textwidth....

			
		

	





	

		

			

				
					
auto.js UI页面中单选框

				
			

			

				

					Christma1s的博客
				

				

					09-13
					
					2173
					
				

			

		

		

			
				
"ui";
ui.layout(
<horizontal marginTop="10">
<text text="私信模式：" textSize="16sp" />
<radiogroup>
 <radio id="sx_mode1" text="私信+关注" />
<radio id="sx_mode2" text="仅私信不关注" />
</radiogroup>
</horizontal>)

这样是垂直排列，如果觉得

			
		

	





	

		

			

				
					
js实现跨页勾选复选框

				
			

			

				

					qq_38130865的博客
				

				

					07-26
					
					4496
					
				

			

		

		

			
				
js实现跨服务器勾选复选框

			
		

	





	

		

			

				
					
JS 复选框 操作JS

				
			

			

				

					skybot的专栏
				

				

					11-13
					
					797
					
				

			

		

		

			
				
 /// /// 重写 /// ///  对象。///this.Move=function(Id,Evt,T)        function Iask_Front(){/// /// 爱问用户前台操作类型///       this.SelectAll全选复选框=function(obj)   {   ///     /// 传入一个对象的ID 把这个对象ID 下的所有 textbox 

			
		

	





	

		

			

				
					
JavaScript 获取表单复选框勾选行的值

				
			

			

				

					06-01
				

			

		

		

			
				
假设有一个表单，其中有多个复选框，你想获取哪些复选框被选中了，可以通过以下代码来实现：  HTML 代码：  ```   <input type="checkbox" name="fruits" value="apple"> 苹果
  ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值