Question

关于 复选框 onclick事件传递多个id的问题

现在共有三个input 分别为 <input name="text1" id="text1" > <input name="wodetxt2" id="wodetxt2" ><input name="utext3 id="utext3" > 然后有一个checkbox 想要实现结果为 当勾选checkbox后 input 1 2 3 都不能填写,如果已经填写那么将值清空并且改为不能填写状态

Answer 1

var text1=document.querySelector("#text1"),wodetxt2=document.querySelector("#wodetxt2"),;
//直接绑定click事件
document.querySelector("input[type=checkbox]").addEventListener("click",function(elem){
    if(elem.checked){//选中了
        /*先保存内容*/
        wodetxt2.oldValue=wodetxt2.value;
        text1.oldValue=text1.value;
        wodetxt2.value=text1.value="";
        /*禁止填写*/
        wodetxt2.readOnly=text1.readOnly=true;
    }else{//没选中
        /*恢复内容*/
        wodetxt2.value=wodetxt2.oldValue||"";
        text1.value=text1.oldValue||"";
        /*启用填写*/
        wodetxt2.readOnly=text1.readOnly=false;
    };
});

以上代码我直接写的，没测试，你测一下修改一下bug

追问

能麻烦详细说明下 checkbox 的代码怎么写吗? 感激不尽 试过了 没搞定

追答

额。。(听说5点有嫦娥三号直播，看踏上月球的感觉)

上面的代码有点错误，第一行多了个逗号。。。。。其他的bug自己调试一下

checkbox点击之后，节点对象的checked就被设置为：选中时为true，未选中为false

因此可以知道checkbox是否勾选。

点击onclick判断一下就直接执行相应的操作就行了。