需要 javascript 关于单选按钮的帮助

Question

I want to disable the radiobutton the second time it is clicked..I want to put some code in the head..that when a radiobutton is clicked the second time,, it isnt marked anymore..

I want to check and uncheck the radiobutton with each click.

Note: I generate 20 radiobuttons dynamically

Take into account that it is a Radiobutton that is run on the server:

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.radiobutton.aspx

UPDATE: This is the only event that the RadioButton (asp WebControl run at="server") has:

    protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
{
    var rad = (CheckBox)sender;
    if (rad.Checked)
    {

        rad.Checked = false;
    }
}

I can uncheck it after each post back..but unless a post back doesnt happen, i cant select and deselect it.. Thats the problem:! :(

Answer 1

I think you should keep with the standard use of RadioButtons, by saying this - use CheckBoxes instead, and clear all checkboxes if a different one is clicked...so when a checkbox is clicked the second time the standard uncheck will occur.

Answer 2

Id create an empty array. For every radiobutton you create, add its ID to the array as the key and set its value to 0. This will be the count for the specific button. Whenever a radiobutton is clicked, check the buttons ID against the array, if its less than 2, increment it. If not, disable the current button.

EDIT: didn't realize you were checking if it was already checked, thoguht it was the number of times checked.

$("#id").is(":checked")

Should suffice

Another note...if all you're doing is disabling an element from being accessed by the user, you should handle this event on the client side. You'll be using unnecessary server callback for functionality easily achievable via javascript. Use jquery click event handlers which can be generic enough for you not to have to use identifiers, making the job that much easier.

Cheers

Answer 3

if i get you right then all u need is a flag attribute of how many times u have clicked on the radio button and each time u click the radio the attribute increased by 1 and check the attribute every click if its 2nd time then disable the radiobutton

so you need to generate ur radiobuttons like this

<input type='radio' onclick='radioClick(this);' how_many_clicked='0' id='whatever id u need' name='whatever name u need' />

and create ur function in the head like the following

   function radioClick(e) {

    var flag = e.getAttribute('how_many_clicked');
    var times = Number(flag);
    times += 1;
    e.setAttribute('how_many_clicked', times.toString())
    if (times > 1) {
        e.checked = false;
        e.setAttribute('how_many_clicked', "0");
    }
    else {
        e.checked = true;
    }
}