美文网首页
JS中一个按钮,点击选中,在此点击取消选中

JS中一个按钮,点击选中,在此点击取消选中

作者: 蜗牛呀呀呀呀呀 | 来源:发表于2018-12-03 16:22 被阅读0次

    Html:<input type="radio" name="radio" value='0' id="en" onclick="chkRadio(this);" />
    Js:var flag = true;
      function chkRadio(id) {
      id.checked = flag;
      flag = !flag;
      }

    进阶:功能:类似于一个协议。当用户点击同意时,用户才能点击提交按钮。
    Html:<input type="submit" class="pub_btn fabu1" value="确认发布" id="fabu" disabled="disabled" style="position: fixed;bottom:0px;background-color: #6683ff;" />
    Js: <script language="JavaScript">

    var flag = true;
      function chkRadio(id) {
    var c=document.getElementById('en').value;
    if(c==0){
    var obj=document.getElementById('fabu');
    obj.removeAttribute('disabled');
    document.getElementById('en').value=1;
    }else{
    var obj=document.getElementById('fabu');
    obj.setAttribute("disabled","disabled");
    document.getElementById('en').value=0;
    }
      id.checked = flag;
      flag = !flag;
      }
    </script>

    给定的初始值。input中是为点击。value=0。当第一次点击时删除disabled的属性,这样用户可以点击提交。根据value进行判断。

    相关文章

      网友评论

          本文标题:JS中一个按钮,点击选中,在此点击取消选中

          本文链接:https://www.haomeiwen.com/subject/bzkdcqtx.html