Click the text after the single-choice button to select the corresponding single-choice button.

Click the text after the single-choice button to select the corresponding single-choice button.

For example, if you want to click the single-choice button, select the corresponding button for the text:

<Input type = "radio" name = "sex" value = "1" id = "men"/> <label> male </label> <input type = "radio" name = "sex" value = "0" id = "women"/> <label> female <label>

I want to click "male" to select the single-choice button corresponding to "male. You only need to add the for attribute in the label. The value of the for attribute is the id value of radio.

The following code selects the text after clicking the button:

<Input type = "radio" name = "sex" value = "1" id = "men"/> <label for = "men"> male </label> <input type = "radio" name = "sex" value = "0" id = "women"/> <label for = "women"> female <label>

The selected single-choice button cannot be blank

This should be because all the single-choice button IDs are rad
The text id of the image material is text1.
The text id is text2.
Function getvalue (){
Var rad = document. getElementById ("rad ");
Var text1 = document. getElementById ("text1 ");
Var text2 = document. getElementById ("text2 ");
For (I = 0; I <rad. length; I ++)
{
If (rad [I]. checked = true)
{
If (rad [I]. value = "image material" & text1.value = "")
{
Alert ("select an image clip! ");
Return false;
}
If (rad [I]. value = "text material" & text2.value = "")
{
Alert ("Enter text material! ");
Return false;
}
Else {
Return true;
}

}
Break;
} Return true;
}
This is probably the case. You can change it again.

When I select a single-choice button, I immediately change the value of a database field.

You can modify the database field in the change event selected by the single-choice button.