Javascript basics

JQuery - check a radio button
$("#diversion_n").prop("checked", true);

Assign PHP value to javascript variable
var no_of_vehicles=<?php echo $no_of_vehicles;?>;

loop through auto generated fields and call ajax function

viaString="";
for (via_counter = 0; via_counter < no_of_via_points; via_counter++) {
viaid=$("#via_point_id_"+via_counter).val();
viatable=$("#via_point_table_"+via_counter).val();
viatype=$("#via_point_type_"+via_counter).val();
viapoint=$("#via_point_"+via_counter).val();
if (viaid === undefined) {
no_of_via_points =0;
//$('#no_of_via_points').val();
} else {
constidstring = "&via_point_id_"+via_counter+"=";
consttablestring = "&via_point_table_"+via_counter+"=";
consttypestring = "&via_point_type_"+via_counter+"=";
conststring = "&via_point_"+via_counter+"=";
if(viaString==""){
viaString = constidstring+ viaid+consttablestring+viatable+consttypestring+viatype+conststring+viapoint;
}else{
viaString = viaString+constidstring+viaid+consttablestring+viatable+consttypestring+viatype+conststring+viapoint;
}
}


}

var dataString = 'from_point='+ from_point + '&from_point_id=' + from_point_id + '&to_point=' + to_point+ '&to_point_id=' + to_point_id
 + '&from_point_table=' + from_point_table + '&to_point_table=' + to_point_table
 + '&from_point_type=' + from_point_type + '&to_point_type=' + to_point_type+ '&site_id=' + site_id+ '&member_id=' + member_id+ '&is_student=' + is_student
 +'&no_of_via_points='+no_of_via_points+viaString+'&optpeople='+optpeople
;
$.ajax({
 type: "POST",
 url: "vehicle_quotes.php",
 data: dataString,
 beforeSend: function(){
for(vehicle_count=1;vehicle_count<=no_of_vehicles;vehicle_count++){
jQuery("#ajax_loader_quote_"+vehicle_count).show();
jQuery("#quote_price_"+vehicle_count).hide();
jQuery("#ajax_loader_quote_member_"+vehicle_count).show();
jQuery("#quote_price_member_"+vehicle_count).hide();
}
},
 complete: function(){
for(vehicle_count=1;vehicle_count<=no_of_vehicles;vehicle_count++){
jQuery("#ajax_loader_quote_"+vehicle_count).hide();
jQuery("#quote_price_"+vehicle_count).show();
jQuery("#ajax_loader_quote_member_"+vehicle_count).hide();
jQuery("#quote_price_member_"+vehicle_count).show();
}
},
 success: function(response)
 {
var priceObject = JSON.parse(response);
length=priceObject.price.length;
for(vehicle_count=0;vehicle_count<length;vehicle_count++){
vehicle_id = priceObject.price[vehicle_count].vehicle_id;
$('#price_'+vehicle_id).html("\u00A3"+priceObject.price[vehicle_count].journey_price_one_way);
$('#price_member_'+vehicle_id).html("Member Price: \u00A3"+priceObject.price[vehicle_count].journey_price_one_way_member);
}
 }
});

radio button click events

For specific radio button group
$("input[name='vehicle_way_two_radio']").click(function(){
vehicle_way_two=$('input:radio[name=vehicle_way_two_radio]:checked').val();
$("#vehicle_way_two").val(vehicle_way_two);
vehicle_way_one=$('input:radio[name=vehicle_way_one_radio]:checked').val();
$("#vehicle_way_one").val(vehicle_way_one);
getPrice();

});

For all radio buttons

$('input[type="radio"]').click(function(){

            if($(this).attr("value")=="diversion_y"){
                                $("#addwaypointdiv").show();
$("#via-container").show();
}

if($(this).attr("name")=="vehicle_way_two_radio"){

var vehicle_way_two = $(this).attr("value");
$("#vehicle_way_two").val(vehicle_way_two);

}        
});

Auto refresh page in yii with javascript

<?php
Yii::app()->clientScript->registerCoreScript('jquery');
Yii::app()->clientScript->registerScript('Refresh', "setTimeout('location.reload(true);',50000)", CClientScript::POS_READY);
?>

Javascript Submit Form

<?php
             
echo '<a href="javascript: submitform()">Next</a>'

 ?>
<script type="text/javascript">
function submitform()
{
    document.forms["rep-data-models-form"].submit();
}
</script>

Submit form to specific action
<?php $form=$this->beginWidget('CActiveForm', array(
'id'=>'rep-data-models-form',
'action' => Yii::app()->createUrl('reports/repColumns/create'),
'enableAjaxValidation'=>true,
'htmlOptions' => array(
                'enctype' => 'multipart/form-data',
            ),
));

?>

Yii Radio Button List onchange event with javascript

<?php
             
echo $form->radioButtonList($model,'MODELID',CHtml::listData($model::model()->findAll(), 'MODELID', 'MODELNAME'),array('separator'=>' ','labelOptions'=>array('style'=>'display:inline'),'class'=>'rad','onchange'=>'getRadioValue();'));
echo CHtml::hiddenField('dataModel','',array('id' => 'dataModel'));
 
?>
<?php
Yii::app()->clientScript->registerCoreScript('jquery');
?>
<script>
function getRadioValue(){
var value = $("input[type='radio']:checked").val();
$("#dataModel").val(value);

}
</script>

onchange check box checked - javascript with yii checkboxlist

<?php
$areas = CHtml::listData(Area::model()->findAll("type='Postcode'"), 'id', 'name');
$areacharges = CHtml::listData(DeliveryCharge::model()->findAll(), 'area_id', 'charge');
echo CHtml::checkBoxList('postcodes[postcodes][]', $areas['id'], $areas,
array(
'labelOptions'=>array('style'=>'display:inline;line-height: 3em'),
'separator' => '<br>',
'onclick'=>'getValue();'
)
);
?>

<?php

foreach($areas as $key=>$value){
$areacharges = DeliveryCharge::model()->find("area_id=$key");
?>

<div id="<?php echo $key;?>" style="visibility:hidden;margin-bottom: 12px;" class="inputmenu">
<?php echo CHtml::textField("pcharges[pcharges][$key]","$areacharges->charge",array('size'=>10,'class'=>'inputmenu','id'=>"charges".$key));?>
</div>

<?php

}
?>

function getValue(){
$("input[type='checkbox']:checked").each(function()
{
var value =$(this).val();
document.getElementById(value).style.visibility = 'visible';
});
$("input[type='checkbox']:not(:checked)").each(function()
{
var value =$(this).val();

document.getElementById(value).style.visibility = 'hidden';
//$("#charges" +value).val('');

});
}