You need to sign in to do that
Don't have an account?
vinayk kumar
<apex:page controller="OnlineFeed" id="testpage">
<apex:form id="theform" >
<apex:pageBlock title="OnlineFeedback" id="pb">
<apex:pageBlockSection columns="1" title="RegistrationForm" collapsible="false" >
<apex:pageBlockSectionItem id="pbsi1">
<apex:outputLabel >Name:</apex:outputLabel>
<apex:inputText value="{!TName}" />
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem id="pbsi2">
<apex:outputLabel >Email:</apex:outputLabel>
<apex:inputText value="{!TEmail}" />
</apex:pageBlockSectionItem>
</apex:pageBlockSection>
<apex:outputLabel >How satisfied were you with:</apex:outputLabel><br/>
<h1>Key point #1</h1><br/>
<input class="radioBtn" type="radio" name="order" onchange="getSelectedValue()" value="Very Satisfied"/>Very Satisfied
<input class="radioBtn" type="radio" name="order" onchange="getSelectedValue()" value="Satisfied" />Satisfied
<input class="radioBtn" type="radio" name="order" onchange="getSelectedValue()" value="Neutral" />Neutral
<input class="radioBtn" type="radio" name="order" onchange="getSelectedValue()" value="Unsatisfied" />Unsatisfied
<input class="radioBtn" type="radio" name="order" onchange="getSelectedValue()" value="veryUnsatisfied" />veryUnsatisfied<br/>
<apex:outputLabel >Feel free to add any other comments or suggestions:</apex:outputLabel><br/>
<apex:inputTextarea cols="30" rows="10"/><br/>
<apex:outputText >* The information given within the Feedback Form will be used for service improvement only and are strictly confidential.</apex:outputText>
<apex:commandButton title="save" onclick="getSelectedValue();" action="{!submitted}" value="save" >
</apex:commandButton>
</apex:pageBlock>
</apex:form>
<script>
function getSelectedValue() {
var radioBtns = document.getElementsByClassName("radioBtn");
for(var i = 0; i < radioBtns.length; i++){
if(radioBtns[i].checked)
{
alert( 'button checked :'+radioBtns[i].value);
document.getElementById("key1").value =radioBtns[i].value;
alert( 'button checked :'+radioBtns[i].value);
document.getElementById("key2").value=radioBtns[i].value;
alert( 'button checked :'+radioBtns[i].value);
document.getElementById("key3").value=radioBtns[i].value;
alert('button checked:'+radioBtns[i].value);
document.getElementById("key4").value=radioBtns[i].value;
alert('button checked:'+radioBtns[i].value);
document.getElementById("key5").value=radioBtns[i].value;
alert('button checked:'+radioBtns[i].value);
var key1=radiBtns[i].value;
return false ;
}
}
}
</script>
</apex:page>
public class OnlineFeed {
public string TName{set;get;}
public string TEmail{set;get;}
public string key1 {set;get;}
//public string getSelectedValue{set;get;}
public string key2{set;get;}
public string key3{set;get;}
public string key4{set;get;}
public string key5{set;get;}
public OnlineFeed(){
TName='';
TEmail='';
key1= '';
key2='';
key3='';
key4='';
key5='';
}
public void submitted(){
RegistrationForm__c r=new RegistrationForm__c();
r.Name = TName;
r.Email__c=TEmail;
r.Key_point_1__c=key1;
r.Key_point_2__c=key2;
r.Key_point_3__c=key3;
r.Key_point_4__c=key4;
r.Key_point_5__c=key5;
insert r;
}
}
hi guys ,i want to insert radiobutton value in customobject from vf page using javascript,i have tried but it inserted only textboxes(name ,email),radio selected option doesnot insertd.
<apex:page controller="OnlineFeed" id="testpage">
<apex:form id="theform" >
<apex:pageBlock title="OnlineFeedback" id="pb">
<apex:pageBlockSection columns="1" title="RegistrationForm" collapsible="false" >
<apex:pageBlockSectionItem id="pbsi1">
<apex:outputLabel >Name:</apex:outputLabel>
<apex:inputText value="{!TName}" />
</apex:pageBlockSectionItem>
<apex:pageBlockSectionItem id="pbsi2">
<apex:outputLabel >Email:</apex:outputLabel>
<apex:inputText value="{!TEmail}" />
</apex:pageBlockSectionItem>
</apex:pageBlockSection>
<apex:outputLabel >How satisfied were you with:</apex:outputLabel><br/>
<h1>Key point #1</h1><br/>
<input class="radioBtn" type="radio" name="order" onchange="getSelectedValue()" value="Very Satisfied"/>Very Satisfied
<input class="radioBtn" type="radio" name="order" onchange="getSelectedValue()" value="Satisfied" />Satisfied
<input class="radioBtn" type="radio" name="order" onchange="getSelectedValue()" value="Neutral" />Neutral
<input class="radioBtn" type="radio" name="order" onchange="getSelectedValue()" value="Unsatisfied" />Unsatisfied
<input class="radioBtn" type="radio" name="order" onchange="getSelectedValue()" value="veryUnsatisfied" />veryUnsatisfied<br/>
<apex:outputLabel >Feel free to add any other comments or suggestions:</apex:outputLabel><br/>
<apex:inputTextarea cols="30" rows="10"/><br/>
<apex:outputText >* The information given within the Feedback Form will be used for service improvement only and are strictly confidential.</apex:outputText>
<apex:commandButton title="save" onclick="getSelectedValue();" action="{!submitted}" value="save" >
</apex:commandButton>
</apex:pageBlock>
</apex:form>
<script>
function getSelectedValue() {
var radioBtns = document.getElementsByClassName("radioBtn");
for(var i = 0; i < radioBtns.length; i++){
if(radioBtns[i].checked)
{
alert( 'button checked :'+radioBtns[i].value);
document.getElementById("key1").value =radioBtns[i].value;
alert( 'button checked :'+radioBtns[i].value);
document.getElementById("key2").value=radioBtns[i].value;
alert( 'button checked :'+radioBtns[i].value);
document.getElementById("key3").value=radioBtns[i].value;
alert('button checked:'+radioBtns[i].value);
document.getElementById("key4").value=radioBtns[i].value;
alert('button checked:'+radioBtns[i].value);
document.getElementById("key5").value=radioBtns[i].value;
alert('button checked:'+radioBtns[i].value);
var key1=radiBtns[i].value;
return false ;
}
}
}
</script>
</apex:page>
public class OnlineFeed {
public string TName{set;get;}
public string TEmail{set;get;}
public string key1 {set;get;}
//public string getSelectedValue{set;get;}
public string key2{set;get;}
public string key3{set;get;}
public string key4{set;get;}
public string key5{set;get;}
public OnlineFeed(){
TName='';
TEmail='';
key1= '';
key2='';
key3='';
key4='';
key5='';
}
public void submitted(){
RegistrationForm__c r=new RegistrationForm__c();
r.Name = TName;
r.Email__c=TEmail;
r.Key_point_1__c=key1;
r.Key_point_2__c=key2;
r.Key_point_3__c=key3;
r.Key_point_4__c=key4;
r.Key_point_5__c=key5;
insert r;
}
}
You might want to go through the visuaforce developer guide to check how the radio button are displayed on the visualforce page. Below is the link for the same:
https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_compref_selectRadio.htm
For your 3 key points you can create 3 lists of the SelectOption and bind on the vf page. You will then need to bind 3 string variables to apex:selectRadio vf tags, you can use your existing key1, key2 and key3 variables for this.
When a radio button will be selected from the groups Keypoint#1, Keypoint#2 or Keypoint#3, the respective values will be set in the string variables, key1, key2 and key3 in the controller. It will not be required to call a javascript metod to set the values. The value of the selected radio option will be available in the action method called on the submit button.