Javascript html中的限制单击按钮_Javascript_Html

Javascript html中的限制单击按钮

javascript html

Javascript html中的限制单击按钮,javascript,html,Javascript,Html,我试图限制一个按钮，只能点击5次添加单选按钮。添加单选按钮5次后，将被禁用。这个问题的javascript代码是什么？我只能在单击后禁用它一次。下面是代码 html javascript function a(){ document.getElementById('a').innerHTML += "<input type='radio'>"; document.getElementById("id").disabled=true; } 函数a（）{ docum

我试图限制一个按钮，只能点击5次添加单选按钮。添加单选按钮5次后，将被禁用。这个问题的javascript代码是什么？我只能在单击后禁用它一次。下面是代码

html

javascript

function a(){
    document.getElementById('a').innerHTML += "<input type='radio'>";
    document.getElementById("id").disabled=true;
}

函数a（）{
document.getElementById（'a'）。innerHTML+=“”；
document.getElementById（“id”）.disabled=true；
}

放置一个全局计数器并使用它

var counter=0;

function a(){
if(counter<5){
    document.getElementById('a').innerHTML += "<input type='radio'>";
    counter++;
}
else{
    document.getElementById("id").disabled=true;
}
}

var计数器=0；
函数a（）{
如果（计数器放置一个全局计数器并使用它
var counter=0;

function a(){
if(counter<5){
    document.getElementById('a').innerHTML += "<input type='radio'>";
    counter++;
}
else{
    document.getElementById("id").disabled=true;
}
}

var计数器=0；
函数a（）{
如果（计数器单击次数的全局变量有效：
var clicked = 0;
function a(){
    document.getElementById('a').innerHTML += "<input type='radio'>";
    clicked++; //increment

    if (clicked == 5)
        document.getElementById("id").disabled=true;
}

var=0；
函数a（）{
document.getElementById（'a'）。innerHTML+=“”；
单击+++；//增量
如果（单击==5）
document.getElementById（“id”）.disabled=true；
}
单击次数的全局变量将起作用：
var clicked = 0;
function a(){
    document.getElementById('a').innerHTML += "<input type='radio'>";
    clicked++; //increment

    if (clicked == 5)
        document.getElementById("id").disabled=true;
}

var=0；
函数a（）{
document.getElementById（'a'）。innerHTML+=“”；
单击+++；//增量
如果（单击==5）
document.getElementById（“id”）.disabled=true；
}
试试这个：
var counter = 1;

function a(){
    if(counter >= 5) {
        document.getElementById("id").disabled=true;
        return false;
    }
    document.getElementById('a').innerHTML += "<input type='radio'>";

    counter++
}

var计数器=1；
函数a（）{
如果（计数器>=5）{
document.getElementById（“id”）.disabled=true；
返回false；
}
document.getElementById（'a'）。innerHTML+=“”；
柜台++
}
试试这个：
var counter = 1;

function a(){
    if(counter >= 5) {
        document.getElementById("id").disabled=true;
        return false;
    }
    document.getElementById('a').innerHTML += "<input type='radio'>";

    counter++
}

var计数器=1；
函数a（）{
如果（计数器>=5）{
document.getElementById（“id”）.disabled=true；
返回false；
}
document.getElementById（'a'）。innerHTML+=“”；
柜台++
}
这就是您需要的：
var counter = 0;

function a ()
{
    if (counter++ < 5)
        document.getElementById('a').innerHTML += "<input type='radio'>";
    else
        document.getElementById('id').disabled = true;
}

var计数器=0；
函数a（）
{
如果（计数器+++<5）
document.getElementById（'a'）。innerHTML+=“”；
其他的
document.getElementById（'id'）。disabled=true；
}
这就是您需要的：
var counter = 0;

function a ()
{
    if (counter++ < 5)
        document.getElementById('a').innerHTML += "<input type='radio'>";
    else
        document.getElementById('id').disabled = true;
}

var计数器=0；
函数a（）
{
如果（计数器+++<5）
document.getElementById（'a'）。innerHTML+=“”；
其他的
document.getElementById（'id'）。disabled=true；
}
您可以数一数单选按钮
<!doctype html>
<html lang="en">
<head>
<meta charset= "utf-8">
<title>Add 5</title>
<style>
input[disabled]{text-decoration:line-through;color:white;}    
</style>
<script>

function add5(){
    var radio, 
    btn= document.getElementById('add_radio'),
    pa= document.getElementById('radioDiv'), 
    R= pa.querySelectorAll('[type=radio]');

    if(R.length<5){
        radio= document.createElement('input');
        radio.type='radio'; 
        pa.appendChild(radio);
    }
    else btn.disabled= 'disabled';
}
</script>

</head>
<body>    
<p>
<input type ='button' id="add_radio" value="Add Radio"onClick="add5();">
</p>
<div id='radioDiv'></div>
</p>
</body>
</html>


加5
输入[已禁用]{文本装饰：线条通过；颜色：白色；}
函数add5（）{
var无线电，
btn=document.getElementById（'add_radio'），
pa=document.getElementById（'radioDiv'），
R=pa.querySelectorAll（'[type=radio]'）；
如果（R.length，您可以计数单选按钮
<!doctype html>
<html lang="en">
<head>
<meta charset= "utf-8">
<title>Add 5</title>
<style>
input[disabled]{text-decoration:line-through;color:white;}    
</style>
<script>

function add5(){
    var radio, 
    btn= document.getElementById('add_radio'),
    pa= document.getElementById('radioDiv'), 
    R= pa.querySelectorAll('[type=radio]');

    if(R.length<5){
        radio= document.createElement('input');
        radio.type='radio'; 
        pa.appendChild(radio);
    }
    else btn.disabled= 'disabled';
}
</script>

</head>
<body>    
<p>
<input type ='button' id="add_radio" value="Add Radio"onClick="add5();">
</p>
<div id='radioDiv'></div>
</p>
</body>
</html>


加5
输入[已禁用]{文本装饰：线条通过；颜色：白色；}
函数add5（）{
var无线电，
btn=document.getElementById（'add_radio'），
pa=document.getElementById（'radioDiv'），
R=pa.querySelectorAll（'[type=radio]'）；
if（R.length）您可以使用jquery还是仅使用普通javascript？您可以使用jquery还是仅使用普通javascript？