2 aaa bbb ccc ppp AAA_BBB_CCC_PPP 于 2016.03.04 09:02 提问

救助大神,javascript实现选中一个复选框后其他复选框不可用

用javascript实现选中其中一个复选框后,其他复选框不可用

6个回答

cszyh21
cszyh21   2016.03.04 09:07

为其他复选框设置 disabled

qq_20039385
qq_20039385   2016.03.04 09:15

楼上正解,找到除选中之外的所有复选框设置成disabled

enpterexpress
enpterexpress   Rxr 2016.03.04 09:35

选中事件都添加复选框不可用

rui888
rui888   Ds   Rxr 2016.03.04 09:37
 <script>
$(document).ready(function(){
   $("input[name='test']").click(function(){        
     $("input[name='test']").not(this).attr("disabled",$(this).is(':checked'))

    });


});
</script>


 <input type='checkbox'  name='test'>a
<input type='checkbox'  name='test'>b
<input type='checkbox'  name='test'>c

lml_little
lml_little   2016.03.04 09:41
<script>
$(':checkbox').change(function(){
    if($(this).is(':checked')){
        $(this).siblings().attr('disabled','disabled');
    }
    else {
        $(this).siblings().removeAttr('disabled','disabled');
    }
})
</script>
vykern
vykern   2016.03.04 10:19

打酱油的路过, 貌似是用复选框完成单选框的任务

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
js 实现选一个复选框 可以实现其他很多复选框同时选中
通过实现选一个复选框 可以实现其它多个复选框同时选中,并且可以弹出复选框之后的文本框。
Vue框架下,表单存在多个复选框时,如何选中一个同时禁用其它复选框
如标题所示,我们怎样实现下面的需求呢?当我们选中其中一个选项时,其它的选项应该被禁用,因为我们只想提交一组数据。怎样使用 Vue.js 来实现呢?首先我们看,如果是一个checkbox,&amp;lt;input type=&quot;checkbox&quot; :disable=&quot;true&quot;&amp;gt;,这样就可以将其禁用。所以当有多个input 存在时,我们需要的是理清逻辑关系,让disable在何时的情况发挥作用。禁用:...
选中复选框,可以控制相关复选框变为不可选
非常棒的一个JS复选框控制代码,经常在网站上看到的,在很大一堆的选择框面前,如果你选择的其中一个复选框,那么和它相反的选项就会变为灰色,成为不可选  function f1(chk){ var t = document.getElementById("txt1"); t.disabled = !chk.checked;  }   选中复选框,相关类变灰
html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> //当全选按钮,选中时,所有复选框被选中,当全选按钮不被选中时,所有的也不被选中 function funSelAll(){ var selects=document.getElem
复选框点击后弹出输入框
Jsp部分: 其它 JS部分: function energyTypeCheck (chk) { var Checkbox5 = document.getElementById('Checkbox5'); if (chk.checked) { Checkbox5.style.display='inline-block'; }else { Checkbox5.sty
Jquery 复选框选中之后 按钮才能点击
利用Jquery 做出的效果是:复选框选中之后 按钮才能点击
JS设置checkbox 为选中和未选中状态
$("#checkAll").prop("checked",false);//重新请求数据的时候把全选框变为未选中 if ($("#checkbox-id")get(0).checked) {     // do something } 方法二: if($('#checkbox-id').is(':checked')) {     // do something } 方法三: i
使用js实现-动态显示复选框选中个数
用于动态显示选中个数的div已选0道多选题 复选框代码: js代码: function doit(){   var n=0;                var objs = document.getElementsByName("qId");                 for(var i=0; i                {         
选择一个CheckBox另外一个CheckBox禁用
<br /><%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
如何用jquery实现checkbox点选一个选中其他,取消一个取消其他
用jquery实现,选中一个特定的checkbox,则其他checkbox都选中,不选中这个特定的checkbox,则其他checkbox也不选中 首先要导入jquery.js 这是我碰到了 jquery没有反应,网页提示找不到对象,网上找了,这个很可能是导入的jquery路径写错! 还有就是选中checkbox应该是$(:checkbox)一定注意加冒号! 最开始我想看一下==可不可以用