使用js控制 checkbox 不可用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用js控制 checkbox 不可用相关的知识,希望对你有一定的参考价值。

请问如何使用js控制 checkbox 标签不可用
控制所有 checkbox 谢谢

参考技术A var obj=document.getElementsBytag("checkbox");
for(i=0;i<obj.length;i++)
obj[i].disabled=true;


这个是对的
document.getElementsBytag checkbox获取所有的checkbox对象

然后设disabled为不可用
参考技术B var obj=document.getElementsBytag("checkbox");
for(i=0;i<obj.length;i++)
obj[i].disabled=true;

这样应该就可以了~本回答被提问者采纳
参考技术C 试试这个

<input type="checkbox" id="checkbox"/>
<input type="button" onclick="f()"/>

function f()
document.getElementById("checkbox").disabled="disabled";
参考技术D checkbox id 为chk

function selectAll()

var i=1;
for (i=1;i<document.all.chk.length;i++)

obj=eval("document.all.chk"+i);
if(!obj.checked)

obj.checked=true;

else

obj.checked=false;


控制器、服务、指令放入单独文件时出现模块不可用错误

【中文标题】控制器、服务、指令放入单独文件时出现模块不可用错误【英文标题】:Module not available error when controllers, services, directives put into separate file 【发布时间】:2018-03-16 13:34:11 【问题描述】:

我有一个 Angular 应用程序,其中有一个 app.run.js 和 app.controllers.js

以前我使用一个 main.js ,应用程序运行良好,但现在当 我已经分离了控制器和 run.js

我没有收到可用的模块错误。

Error: $injector:modulerr
Module Error

我在这里做错了什么?

代码请看fiddle

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Starfleet</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="http://webstandards.delhivery.com/favicon.ico">
    <link rel="stylesheet" href="https://webstandards.delhivery.com/2.1.0/libs/ws/delhivery.css">
    <link rel="stylesheet" href="styles/style.css">
</head>

<body ng-app="starfleet-app" ng-controller="pageController as vm">
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-route.min.js"></script>
    <script src="https://webstandards.delhivery.com/2.1.0/libs/ws/delhivery.js"></script>
    <script src="scripts/app.run.js"></script>
    <script src="scripts/controllers/app.page.controller.js"></script>
 
</body>

</html>

This is my app.run.js

angular.module('starfleetApp',['dlv-ng','ngRoute']);
angular.module('starfleetApp').config(function($routeProvider) 
    debugger;
        $routeProvider
            .when('/', 
                templateUrl: './../partials/tracking.html'
            )
            .when('/create', 
                templateUrl: './../partials/createOrder.html'
            )
            .when('/singleUpload', 
                templateUrl: './../partials/singleUpload.html'
            )
            .otherwise(
                redirectTo: '/'
            );

    );
    
   
This is my app.page.controller.js

angular.module("starfleetApp").controller('pageController', function($scope, $uibModal, $log, $document, $rootScope) 


);
    

<!-- begin snippet: js hide: false console: true babel: false -->

【问题讨论】:

【参考方案1】:

您是否尝试将您的angular.module("starfleetApp") 更改为angular.module("starfleet-app")

根据您的 html 和 JS,您使用了错误的模块名称。这可能会解决您的错误。

编辑

工作代码 http://jsbin.com/komodukipe/edit?html,output

【讨论】:

谢谢伙计。有效。但我有一个疑问,如果应用名称有角度,我们不要在 html 中使用 - 分隔命名空间,在 javascript 中使用驼峰命名空间。 欢迎您的兄弟。我认为您指的是指令命名。 哦,是的。谢谢。 嘿兄弟,你能不能给这个问题点个赞,名誉改变已经很久了。在此先感谢:D 我试图投票赞成你的问题,但显然我仍然不允许这样做,对此我很抱歉:-)

以上是关于使用js控制 checkbox 不可用的主要内容,如果未能解决你的问题,请参考以下文章

js 控制按钮点击后不可用

Node.js + AngularJS + Socket.io:推送的数据在控制器中不可用

js怎么控制操作里的a标签按钮在执行判断后的某种条件下设为不可用,就是无法点击a标签按钮。

如何用js设置div中元素不可用,就是整个DIV变成灰色,里面的所有元素都不可用,包括连接

c#,多个CheckBox,任意一个状态发生改变按钮Applay的状态变为可用,怎么做?

公共控件